使用 WebSocket 实现实时通信是现代 Web 应用程序中非常流行的实践，它使得服务器和客户端之间的双向通信成为可能。在本文中，我们将学习如何在 Express.js 上使用 WebSocket 实现实时通信。
WebSocket 简介
WebSocket 是一种基于 TCP 协议的协议，它可以在不浪费网络资源的情况下实现全双工通信。与传统的 HTTP 协议不同，WebSocket 允许服务器和客户端之间进行双向通信，这使得服务器可以主动向客户端发送消息，而不需要客户端发起请求。
在 Web 应用程序中，WebSocket 是一种非常重要的实践，它可以用于实现实时通信、实时更新和实时信息处理等功能。
Express.js 简介
Express.js 是一种基于 Node.js 的 Web 应用程序框架，它可以让开发者更轻松地创建高级 Web 应用程序。Express.js 提供了一种简单的方式来处理路由和模板，还可以和许多插件库和模块一起使用。
在 Express.js 上使用 WebSocket
下面是在 Express.js 上使用 WebSocket 的步骤：
第一步：安装必要的库
首先，我们需要安装 ws 和 express 库。在终端中运行以下命令：
npm install ws express --save
第二步：引入库
然后，我们需要引入这些库。在 app.js 文件中添加以下代码：
const WebSocket = require('ws');
const express = require('express');
const app = express();第三步：创建 WebSocket 服务器
接下来，我们需要在 Express.js 中创建一个 WebSocket 服务器。在 app.js 文件中添加以下代码：
const server = app.listen(3000, () => console.log('app listening on port 3000'));
const wss = new WebSocket.Server({ server });在这个例子中，我们选择将 WebSocket 服务器绑定到 Express.js 应用程序的端口号 3000 上。
第四步：处理 WebSocket 连接
在创建 WebSocket 服务器之后，我们需要处理连接事件。在 app.js 文件中添加以下代码：
wss.on('connection', (ws) => {
console.log('client connected');
ws.send('hello from server');
});在这个例子中，我们简单地向客户端发送一条消息，并在服务器端记录一条日志。
第五步：处理 WebSocket 消息
最后，我们需要处理客户端发送给服务器的消息。在 app.js 文件中添加以下代码：
wss.on('connection', (ws) => {
console.log('client connected');
ws.send('hello from server');
ws.on('message', (message) => {
console.log(`Received message => ${message}`);
});
});在这个例子中，当客户端向服务器发送消息时，我们将日志记录下来。
WebSocket 实现实时通信的意义和学习
WebSocket 的出现极大地简化了实时通信在 Web 应用程序中的实现。使用传统的 HTTP 协议，实现实时通信需要使用轮询或长轮询等技术，并且网络资源的浪费非常严重。而使用 WebSocket，可以显著降低网络资源的浪费，提高实时通信的效率。
实时通信技术的实现对于 Web 应用程序的开发者来说是非常重要的，尤其是在需要实现聊天应用、在线游戏、实时监控以及在线协作等领域。掌握 WebSocket 技术的使用可以增强开发者在这些领域的能力和竞争力。
示例代码
下面是完整的 app.js 代码示例：
-- -------------------- ---- -------
----- --------- - --------------
----- ------- - -------------------
----- --- - ----------
----- ------ - ---------------- -- -- ---------------- --------- -- ---- --------
----- --- - --- ------------------ ------ ---
-------------------- ---- -- -
------------------- ------------
-------------- ---- ---------
---------------- --------- -- -
--------------------- ------- -- -------------
---
---总结
本文介绍了如何在 Express.js 上使用 WebSocket 实现实时通信。WebSocket 可以让开发者更加轻松地实现实时通信，这对于 Web 应用程序的开发者来说是非常重要的。通过学习本文，读者可以了解到 WebSocket 的工作原理、Express.js 的使用以及如何在这两个技术之间进行整合，从而可以更好地实现 Web 应用程序中的实时通信功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64e0f8e8f6b2d6eab3c2b54b