在前端开发中，双向通信已经成为了必不可少的一部分，常用的实现方式包括 AJAX 长轮询、SSE 和 WebSocket 等。其中，WebSocket 是比较新的一种实现方式，不仅可以实现双向通信，还支持实时数据传输，而且在性能和可扩展性方面优于传统的实现方式。
Express.js 是 Node.js 中一个非常流行的 Web 框架，能够快速搭建 Web 应用程序。本文将介绍在 Express.js 中使用 WebSocket 实现双向通信的具体实现方法。
WebSocket 简介
WebSocket 是一种基于 TCP 协议的全双工通信协议，能够在客户端和服务器之间建立持久连接，允许它们实时地进行数据传输。与 HTTP 和 HTTPS 不同的是，WebSocket 建立连接后，客户端和服务器可以通过 send() 方法自由地发送消息并进行通信。
在浏览器中，可以通过 WebSocket API 来创建 WebSocket 对象，然后与服务器建立连接。在 Node.js 中，则可以使用库来实现 WebSocket 功能。
在 Express.js 中使用 WebSocket
在 Express.js 中使用 WebSocket 需要使用 socket.io 库，这是一个支持实时、双向和基于事件的通信库。下面是在 Express.js 中使用 WebSocket 的具体步骤：
1. 安装 socket.io
可以使用 npm 命令来安装 socket.io：
npm install socket.io
2. 在 Express.js 中引入 socket.io
在 Express.js 中引入 socket.io 的方法如下：
const app = require('express')();
const server = require('http').Server(app);
const io = require('socket.io')(server);这里创建了一个 Express.js 实例，并使用 http 模块创建了一个服务器实例，然后将其传给 socket.io。
3. 建立连接
使用 socket.io 的方法可以在客户端与服务器之间实现双向通信。在 Express.js 中，可以通过如下代码实现与服务器建立连接：
io.on('connection', (socket) => {
console.log('A user connected.');
});这里使用 on() 方法监听与客户端的连接事件，回调函数中的 socket 参数表示连接的客户端。
4. 发送消息
当客户端与服务器建立连接后，就可以实现双向通信了。客户端可以通过 send() 方法向服务器发送消息，服务器也可以通过 send() 方法向客户端发送消息。下面是在 Express.js 中向客户端发送消息的具体代码：
io.on('connection', (socket) => {
socket.emit('message', 'Welcome to the chatroom!');
});这里使用 emit() 方法向连接的客户端发送了一条消息。
5. 接收消息
当服务器向客户端发送消息时，客户端需要通过监听 message 事件来接收消息。下面是在客户端接收服务器发来的消息的代码：
socket.on('message', (data) => {
console.log(data);
});这里的 data 参数表示接收到的消息数据，可以在回调函数中处理数据。
示例代码
以下是在 Express.js 中使用 WebSocket 实现双向通信的完整示例代码：
-- -------------------- ---- -------
----- --- - ---------------------
----- ------ - ----------------------------
----- -- - -----------------------------
------------ ----- ---- -- -
---------------------- - ---------------
---
------------------- -------- -- -
-------------- ---- -------------
-------------------- ------ -- -
------------------
------------------ ------
---
----------------------- -- -- -
-------------- ---- ----------------
---
---
------------------- -- -- -
---------------------- -- ---- --------
---总结
本文介绍了在 Express.js 中使用 WebSocket 实现双向通信的实现方法。通过使用 socket.io 库，可以比较容易地实现双向通信功能。WebSocket 能够实现实时、双向通信，并且在性能和可扩展性方面具有优势。因此，它已经成为了现代 Web 应用程序中必不可少的一部分。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6513cb7695b1f8cacdc3b210