什么是 WebSocket？
WebSocket 是一种基于 TCP 协议的新型协议，它在客户端和服务器之间建立双向通信的通道，使得实时的数据传输变得更加便捷和高效。与传统的 HTTP 协议相比，WebSocket 具有更快的响应速度和更高的传输效率，可以实现实时通信和数据推送等功能。
Express.js 中如何实现 WebSocket 通信？
在 Express.js 中，我们可以通过使用第三方库 ws 来实现 WebSocket 通信。ws 是一个简单易用的 WebSocket 库，它提供了 WebSocket 的基本功能，包括创建 WebSocket 服务器和客户端、发送和接收消息等。下面我们将介绍如何在 Express.js 中使用 ws 库来实现 WebSocket 通信。
安装 ws 库
首先，我们需要安装 ws 库。可以使用 npm 命令进行安装：
npm install ws
创建 WebSocket 服务器
在 Express.js 中创建 WebSocket 服务器的步骤如下：
- 在 Express.js 中引入
ws库：
const WebSocket = require('ws');- 创建 WebSocket 服务器：
const wss = new WebSocket.Server({ port: 8080 });其中，port 参数指定 WebSocket 服务器的监听端口。
- 监听 WebSocket 连接事件：
-- -------------------- ---- -------
-------------------- -------- -------------- -
---------------------- ------------
-- -- --------- --
---------------- -------- ----------------- -
--------------------- -------- -------------
-- ----
--------------- -------- -------- -------------
---
-- -- --------- ----
-------------- -------- ------- -
---------------------- ---------------
---
---在 connection 事件中，我们可以处理 WebSocket 连接、消息和关闭事件。在上面的示例中，我们简单地打印了一些日志，并在收到消息时回复了一条消息。
创建 WebSocket 客户端
在 Express.js 中创建 WebSocket 客户端的步骤如下：
- 在 Express.js 中引入
ws库：
const WebSocket = require('ws');- 创建 WebSocket 客户端：
const ws = new WebSocket('ws://localhost:8080');其中，ws://localhost:8080 是 WebSocket 服务器的地址和端口。
- 监听 WebSocket 连接事件：
-- -------------------- ---- ------- ------------- -------- ------ - ---------------------- ------------ -- ---- --------------- ------------- --- -- -- --------- -- ---------------- -------- ----------------- - --------------------- -------- ------------- --- -- -- --------- ---- -------------- -------- ------- - ---------------------- --------------- ---
在 open 事件中，我们可以发送一条消息到 WebSocket 服务器。在收到消息时，我们可以处理它并进行相应的操作。在关闭事件中，我们可以处理 WebSocket 关闭事件，例如清理资源等。
总结
在 Express.js 中使用 ws 库可以很方便地实现 WebSocket 通信。通过创建 WebSocket 服务器和客户端，我们可以轻松地建立双向通信的通道，并实现实时通信和数据推送等功能。希望本文能够对你了解 Express.js 中 WebSocket 通信的方式有所帮助。下面是完整的示例代码：
WebSocket 服务器示例代码
-- -------------------- ---- -------
----- ------- - -------------------
----- --------- - --------------
----- --- - ----------
-- -- --------- ---
----- --- - --- ------------------ ----- ---- ---
-- -- --------- ----
-------------------- -------- -------------- -
---------------------- ------------
-- -- --------- --
---------------- -------- ----------------- -
--------------------- -------- -------------
-- ----
--------------- -------- -------- -------------
---
-- -- --------- ----
-------------- -------- ------- -
---------------------- ---------------
---
---
---------------- -------- -- -
---------------- --------- -- ---- --------
---WebSocket 客户端示例代码
-- -------------------- ---- ------- ----- --------- - -------------- -- -- --------- --- ----- -- - --- --------------------------------- -- -- --------- ---- ------------- -------- ------ - ---------------------- ------------ -- ---- --------------- ------------- --- -- -- --------- -- ---------------- -------- ----------------- - --------------------- -------- ------------- --- -- -- --------- ---- -------------- -------- ------- - ---------------------- --------------- ---
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6627592cc9431a720c3f28a6