WebSocket 是一种在客户端和服务器之间建立实时、双向通信的协议。它能够让服务器主动向客户端推送数据，而不需要客户端像传统的 HTTP 请求那样不断地轮询。在前端开发中，使用 WebSocket 可以实现实时聊天、在线游戏等功能。本文将介绍如何使用 Node.js 实现 WebSocket Chat 应用。
1. 安装 Node.js
在开始之前，需要安装 Node.js。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它能够在服务器端运行 JavaScript 代码。Node.js 的安装方式多种多样，这里不再赘述。
2. 创建 WebSocket 服务器
首先，我们需要创建一个 WebSocket 服务器。Node.js 提供了 ws 模块，可以方便地创建 WebSocket 服务器。我们可以使用以下代码创建一个 WebSocket 服务器：
const WebSocket = require('ws');
const server = new WebSocket.Server({ port: 8080 });以上代码创建了一个 WebSocket 服务器，监听 8080 端口。接下来，我们需要处理客户端连接和消息发送。
3. 处理客户端连接和消息发送
当客户端连接到 WebSocket 服务器时，服务器会触发 connection 事件。我们可以监听该事件，并处理客户端连接：
server.on('connection', (socket) => {
console.log('client connected');
});当客户端发送消息时，服务器会触发 message 事件。我们可以监听该事件，并处理客户端发送的消息：
server.on('connection', (socket) => {
console.log('client connected');
socket.on('message', (message) => {
console.log(`received message: ${message}`);
});
});以上代码监听了客户端连接和消息发送事件，并在控制台输出相关信息。接下来，我们需要将客户端发送的消息广播给所有连接的客户端。
4. 广播消息
当服务器接收到客户端发送的消息后，我们需要将该消息广播给所有连接的客户端。我们可以使用以下代码实现：
-- -------------------- ---- -------
----------------------- -------- -- -
------------------- ------------
-------------------- --------- -- -
--------------------- -------- -------------
------------------------------- -- -
-- ------------------ --- --------------- -
---------------------
-
---
---
---以上代码使用 server.clients 获取所有连接的客户端，然后遍历所有客户端，将消息发送给状态为 WebSocket.OPEN 的客户端。
5. 完整代码示例
最终，我们可以将以上代码组合起来，实现一个完整的 WebSocket Chat 应用：
-- -------------------- ---- -------
----- --------- - --------------
----- ------ - --- ------------------ ----- ---- ---
----------------------- -------- -- -
------------------- ------------
-------------------- --------- -- -
--------------------- -------- -------------
------------------------------- -- -
-- ------------------ --- --------------- -
---------------------
-
---
---
---6. 总结
本文介绍了如何使用 Node.js 实现 WebSocket Chat 应用。通过学习本文，读者可以了解 WebSocket 的基本概念和使用方法，并且可以使用 Node.js 创建 WebSocket 服务器、处理客户端连接和消息发送、广播消息等。希望本文能够对读者在前端开发中使用 WebSocket 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/66014462d10417a222c6e53f