简介
WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议，它通过在 HTTP 协议中添加一个 Upgrade 头来启用，这使得它可以在 Web 应用程序中实现实时双向通信，这对于实时应用程序非常有用，例如在线聊天，游戏和数据流传输等。
为了在 Node.js 中使用 WebSocket 实现即时通信，我们可以使用 ws 模块，它是一个轻量级的 WebSocket 模块，可以轻松地为 Node.js 应用程序添加 WebSocket 支持。
本文将介绍如何在 Node.js 中使用 ws 模块实现 WebSocket 实时通信，并包含示例代码和说明。
安装
通过 npm 安装 ws 模块：
npm install --save ws
示例代码
以下是一个简单的示例代码，它通过 WebSocket 实现即时聊天功能。
服务器端代码
-- -------------------- ---- -------
----- --------- - --------------
----- --- - --- ------------------ ----- ---- ---
-------------------- -------- -------------- -
------------------- ------------
---------------- -------- ----------------- -
---------------------- ---- ---------
---------------------------- ------------ -
-- ------- --- -- -- ----------------- --- --------------- -
---------------------
-
---
---
-------------- ---------- -
------------------- ---------------
---
---客户端代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------------- ------------
-------
------
------------- ---------
--------- ------------- --------- ---------------------
----
------ ---------- ----------- ----------------- ---- ------------
------- -------------------------------------
--------
--- -------- - ------------------------------------
--- ----- - ---------------------------------
--- -- - --- ---------------------------------
------------ - --------------- -
------------------ -- ---------- - -----
--
-------- ------------- -
---------------------
----------- - ---
-
---------
-------
-------解释说明
在服务器端代码中，我们首先通过创建一个 WebSocket 服务器并指定端口号来初始化 ws 模块。然后我们监听连接事件，并在连接建立时打印消息以便调试。
当客户端向服务器发送消息时，我们会用 wss.clients.forEach() 方法遍历所有已连接的客户端，并向它们发送相同的消息。此方法会排除已发送方的目的地客户端，因此不会使自己再次接收到消息。
在客户端代码中，我们通过创建一个 WebSocket 对象，并使用 ws.onmessage() 方法来监听来自服务器的消息。当收到消息时，我们将其添加到聊天室中。我们也可以使用 ws.send() 方法将输入文本框中的消息发送到服务器。
指导意义
WebSocket 可以让我们在 Web 应用程序中快速实现实时通信功能。在 Node.js 中，ws 模块是一种方便而易于使用的实现方式。使用它可以帮助我们轻松地构建实时聊天应用、实时数据可视化应用、基于 WebSocket 的多人游戏等。
当然，使用 WebSocket 时需要注意数据安全性，例如实施身份验证、数据加密等。
希望本文能够帮助你在 Node.js 中更好地使用 WebSocket 实现即时通信功能。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/6780be2fce7f4861254743ca