如何使用 Node.js 实现 Web Socket 通信-JavaScript中文网-JavaScript教程资源分享门户

Web Socket 是一种在浏览器和服务器之间进行双向通信的协议，它可以实现实时通信和数据传输，非常适合实现在线聊天室、游戏、股票行情等需要实时更新的应用。Node.js 是一种基于 Chrome V8 引擎的 JavaScript 运行环境，它可以让 JavaScript 在服务器端运行，非常适合用来实现 Web Socket 通信。

本文将介绍如何使用 Node.js 实现 Web Socket 通信，包括创建服务器、处理连接、发送和接收消息等。我们将使用 Express 和 Socket.IO 这两个常用的 Node.js 模块来实现。

创建服务器

首先，我们需要创建一个服务器来处理 Web Socket 连接。可以使用 Express 模块来快速创建一个服务器。在终端中输入以下命令来安装 Express：

npm install express --save

然后，在项目根目录下创建一个名为 server.js 的文件，并输入以下代码：

// www.javascriptcn.com code example
const express = require('express');
const app = express();

app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html');
});

const server = app.listen(3000, () => {
  console.log('Server listening on port 3000');
});

这段代码创建了一个 Express 应用，并将其运行在 3000 端口上。当用户访问根路径时，服务器将返回一个名为 index.html 的文件。

处理连接

接下来，我们需要处理 Web Socket 连接。可以使用 Socket.IO 模块来实现。在终端中输入以下命令来安装 Socket.IO：

npm install socket.io --save

然后，在 server.js 文件中添加以下代码：

// www.javascriptcn.com code example
const io = require('socket.io')(server);

io.on('connection', (socket) => {
  console.log('A user connected');

  socket.on('disconnect', () => {
    console.log('A user disconnected');
  });
});

这段代码创建了一个 Socket.IO 的实例，并将其附加到 Express 服务器上。当有用户连接时，服务器将在控制台输出 A user connected，当用户断开连接时，服务器将在控制台输出 A user disconnected。

发送和接收消息

最后，我们需要实现发送和接收消息的功能。我们可以使用 Socket.IO 的 emit 和 on 方法来实现。在 server.js 文件中添加以下代码：

// www.javascriptcn.com code example
io.on('connection', (socket) => {
  console.log('A user connected');

  socket.on('disconnect', () => {
    console.log('A user disconnected');
  });

  socket.on('chat message', (msg) => {
    console.log('message: ' + msg);
    io.emit('chat message', msg);
  });
});

这段代码将监听名为 chat message 的事件，并在接收到消息时，在控制台输出消息内容，并使用 io.emit 方法将消息发送给所有连接的客户端。

在客户端，我们可以使用以下代码来连接服务器并发送消息：

// www.javascriptcn.com code example
const socket = io();

$('form').submit((e) => {
  e.preventDefault();
  socket.emit('chat message', $('#message-input').val());
  $('#message-input').val('');
});

socket.on('chat message', (msg) => {
  $('#messages').append($('<li>').text(msg));
});

这段代码将监听表单的提交事件，并使用 socket.emit 方法将输入框中的内容发送到服务器。在接收到服务器发送的消息时，将消息添加到名为 messages 的列表中。

至此，我们已经成功地使用 Node.js 实现了 Web Socket 通信。通过以上示例代码，可以帮助读者更好地理解如何使用 Node.js 和 Socket.IO 实现 Web Socket 通信，并在实际应用中运用所学知识。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/67d90b37a941bf7134078354

如何使用 Node.js 实现 Web Socket 通信

创建服务器

处理连接

发送和接收消息

接着读