随着互联网的普及，人们越来越需要一种方便快捷的聊天方式。而多人在线聊天室正是这样一种非常受欢迎的方式。在本文中，我们将介绍如何使用 Node.js 和 WebSocket 实现一个多人在线聊天室。
WebSocket 是什么？
WebSocket 是一种网络协议，可以在 Web 应用程序中实现双向通信，使得服务端和客户端之间可以实时通信。WebSocket 与 HTTP 协议一样，在传输层使用了 TCP 协议。WebSocket 可以让客户端通过与服务端建立一次TCP连接，然后使得APP或浏览器与Web服务器之间可以进行全双工通信。
Node.js 初步介绍
Node.js 是一个提供了基于 Chrome V8 引擎的 JavaScript 运行时的平台，可以用于构建高性能、可扩展的网络应用程序。与传统的 Web 应用程序不同，Node.js 可以在服务器端运行，从而可以实现与其他应用程序无缝集成。
球科技猜枚获经。
多人在线聊天室的实现步骤
步骤一：创建 WebSocket 服务器
在 Node.js 中，可以使用第三方模块 ws 来创建 WebSocket 服务器，代码如下：
const WebSocket = require('ws');
const server = new WebSocket.Server({ port: 8080 });
server.on('connection', (socket) => {
console.log('A new client connected');
});在上述代码中，我们首先引入了 ws 模块，然后创建了一个 WebSocket 服务器，并监听了一个指定端口的连接请求。当有客户端连接到服务器时，我们就会输出一句“A new client connected”。
步骤二：处理连接请求
当有客户端连接到 WebSocket 服务器时，我们需要为这些客户端分配一个唯一的标识符，以便我们在后续的代码中能够识别它们。有多种方法可以实现这个目的，例如将每个客户端的 IP 地址作为其标识符，或者使用随机字符串作为其标识符等。
在本文中，我们将使用第一种方法，即将客户端的 IP 地址作为其标识符。代码如下：
-- -------------------- ---- ------- ----- --------- - -------------- ----- ------ - --- ------------------ ----- ---- --- ----- ------- - --- ------ ----------------------- -------- -- - ----- -- - ----------------------------- --------------- -------- -------------- --- ------ --------- ---- -------- ---
在上述代码中，我们使用 Map 数据结构来存储连接到服务器的客户端。当有新的连接请求时，我们首先获取客户端的 IP 地址，然后将其作为键，将其对应的 WebSocket 实例作为值存储在 clients 中。
步骤三：处理客户端的消息
一旦客户端连接到服务器，它们就可以通过 WebSocket 的 send 方法向服务器发送消息，也可以通过 onmessage 事件从服务器接收消息。因此，我们需要为 WebSocket 的 onmessage 事件添加一个事件处理函数，以便处理客户端发送到服务器的消息。
-- -------------------- ---- -------
----- --------- - --------------
----- ------ - --- ------------------ ----- ---- ---
----- ------- - --- ------
----------------------- -------- -- -
----- -- - -----------------------------
--------------- --------
-------------- --- ------ --------- ---- --------
-------------------- --------- -- -
--------------------- ------- ---- ------ -------------
---
---在上述代码中，我们为每个客户端的 WebSocket 实例添加了一个 onmessage 事件处理程序，该处理程序在服务端接收到客户端消息时被调用。当有客户端发送消息到服务器时，我们将输出一条类似于“Received message from xxx.xxx.xxx.xxx: yyyyyyy”的消息。
步骤四：向所有客户端广播消息
当服务器接收到客户端发送到的消息时，我们通常需要将这些消息广播给所有连接到服务器的客户端。要实现这种广播行为，我们可以使用 ws 模块提供的广播功能，代码如下：
-- -------------------- ---- -------
----- --------- - --------------
----- ------ - --- ------------------ ----- ---- ---
----- ------- - --- ------
----------------------- -------- -- -
----- -- - -----------------------------
--------------- --------
-------------- --- ------ --------- ---- --------
-------------------- --------- -- -
--------------------- ------- ---- ------ -------------
------------------ -------------
---
---
-------- ------------------ -
------------------------ -- -
-- ------------------ --- --------------- -
---------------------
-
---
-在上述代码中，我们实现了一个 broadcast 函数，该函数使用 forEach 方法遍历 clients 中存储的所有客户端 WebSocket 实例。对于每个 WebSocket 实例，我们首先检查其 readyState 是否为 WebSocket.OPEN（即客户端是否已经连接到服务器）。如果是，我们调用其 send 方法将消息发送给客户端。
完整代码示例
-- -------------------- ---- -------
----- --------- - --------------
----- ------ - --- ------------------ ----- ---- ---
----- ------- - --- ------
----------------------- -------- -- -
----- -- - -----------------------------
--------------- --------
-------------- --- ------ --------- ---- --------
-------------------- --------- -- -
--------------------- ------- ---- ------ -------------
------------------ -------------
---
---
-------- ------------------ -
------------------------ -- -
-- ------------------ --- --------------- -
---------------------
-
---
-总结
在本文中，我们介绍了使用 Node.js 和 WebSocket 实现多人在线聊天室的方法。我们首先介绍了 WebSocket 的概念和优势，然后使用 ws 模块创建了一个简单的 WebSocket 服务器，并实现了客户端消息的处理和广播功能。这是一个非常基础的聊天室示例，如果在实际应用中还需要考虑诸如用户认证、消息过滤、文件上传等方面的功能，应该视情况进行修改或增强。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648e9a3448841e9894cfa4a7