WebSockets 是一种基于 TCP 协议的网络通信协议，它能够实现双向通信，让浏览器和服务器之间的实时数据交互变得更加简单灵活。在前端开发中，我们经常会使用 WebSockets 技术来实现推送服务、聊天室、即时游戏等功能。那么在 Express.js 中如何使用 WebSockets 呢？本文将一步一步教您如何在 Express.js 中使用 WebSockets。
安装依赖
在使用 WebSockets 前，我们需要安装 ws 模块。在命令行中进入项目目录，使用以下命令进行安装：
npm install ws --save
创建 WebSocket 服务器
在 Express.js 中使用 WebSockets，首先需要创建一个 WebSocket 服务器。我们可以使用 ws 模块提供的 WebSocket.Server 类来创建 WebSocket 服务器。在项目的入口文件中添加以下代码：
-- -------------------- ---- -------
----- --------- - --------------
----- --- - --- ------------------ ----- ---- ---
-------------------- ---- -- -
------------------- ------------
---------------- --------- -- -
--------------------- ------- -- -------------
---
--------------- ------- ---- ----------
---在以上代码中，我们创建了一个 WebSocket 服务器，并且监听了 connection 事件，当有客户端连接上来时，会触发 connection 事件的回调函数。在回调函数中，我们向客户端发送一条消息，并且监听了 message 事件，当客户端发送消息时会触发 message 事件的回调函数，并打印出该消息。
连接 WebSocket 服务器
在客户端能与 WebSocket 服务器建立连接后，客户端与服务器之间的通信就可以开始了。我们可以使用一个 JavaScript 库 WebSocket 来与 WebSocket 服务器建立连接。在项目的前端页面中添加以下代码：
-- -------------------- ---- ------- ----- ------ - --- --------------------------------- ------------------------------- ------- -- - ---------------------- -- --------- ---------- ------------------- ------- ---- ---------- --- ---------------------------------- ------- -- - ----- ------- - ----------- --------------------- ------- -- ------------- ---
在以上代码中，我们创建了一个 WebSocket 对象，连接到了我们在服务器中创建的 WebSocket 服务器。在 open 事件的回调函数中，我们向服务器发送了一条消息。在 message 事件中，当接收到服务器发送的消息时，打印出该消息。
现在，我们可以启动 Express.js 服务器，并在浏览器中访问该前端页面，我们会看到以下输出：
Connected to WebSocket server. Received message => Hello! Message from server.
看到这个输出，说明我们已经成功地实现了 WebSocket 服务器和客户端之间的通信。现在，我们可以进行更多的探索。比如，我们可以在客户端发送消息时触发服务器端的回调函数，实时处理客户端发送的数据等等。
总结
本文介绍了在 Express.js 中如何使用 WebSockets 技术，并且给出了具体的代码实现。我们只需要使用 ws 模块创建 WebSocket 服务器，在前端使用 WebSocket 类来连接 WebSocket 服务器，就能够实现前端与后端的双向数据通信。这种双向通信可以让我们实现更加灵活和实时的功能，比如在线游戏、实时聊天室等等。希望这篇文章能够帮助读者更好地理解 WebSockets 技术，并且能够在实践中掌握该技术。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e59c7af6b2d6eab310c63f