Web Socket 是一种在浏览器和服务器之间进行双向通信的协议，它可以实现实时通信和数据传输，非常适合实现在线聊天室、游戏、股票行情等需要实时更新的应用。Node.js 是一种基于 Chrome V8 引擎的 JavaScript 运行环境，它可以让 JavaScript 在服务器端运行，非常适合用来实现 Web Socket 通信。
本文将介绍如何使用 Node.js 实现 Web Socket 通信，包括创建服务器、处理连接、发送和接收消息等。我们将使用 Express 和 Socket.IO 这两个常用的 Node.js 模块来实现。
创建服务器
首先，我们需要创建一个服务器来处理 Web Socket 连接。可以使用 Express 模块来快速创建一个服务器。在终端中输入以下命令来安装 Express：
npm install express --save
然后，在项目根目录下创建一个名为 server.js 的文件，并输入以下代码：
-- -------------------- ---- ------- ----- ------- - ------------------- ----- --- - ---------- ------------ ----- ---- -- - ---------------------- - --------------- --- ----- ------ - ---------------- -- -- - ------------------- --------- -- ---- ------- ---
这段代码创建了一个 Express 应用，并将其运行在 3000 端口上。当用户访问根路径时，服务器将返回一个名为 index.html 的文件。
处理连接
接下来，我们需要处理 Web Socket 连接。可以使用 Socket.IO 模块来实现。在终端中输入以下命令来安装 Socket.IO：
npm install socket.io --save
然后，在 server.js 文件中添加以下代码：
-- -------------------- ---- -------
----- -- - -----------------------------
------------------- -------- -- -
-------------- ---- ------------
----------------------- -- -- -
-------------- ---- ---------------
---
---这段代码创建了一个 Socket.IO 的实例，并将其附加到 Express 服务器上。当有用户连接时，服务器将在控制台输出 A user connected，当用户断开连接时，服务器将在控制台输出 A user disconnected。
发送和接收消息
最后，我们需要实现发送和接收消息的功能。我们可以使用 Socket.IO 的 emit 和 on 方法来实现。在 server.js 文件中添加以下代码：
-- -------------------- ---- -------
------------------- -------- -- -
-------------- ---- ------------
----------------------- -- -- -
-------------- ---- ---------------
---
--------------- --------- ----- -- -
--------------------- - - -----
------------- --------- -----
---
---这段代码将监听名为 chat message 的事件，并在接收到消息时，在控制台输出消息内容，并使用 io.emit 方法将消息发送给所有连接的客户端。
在客户端，我们可以使用以下代码来连接服务器并发送消息：
-- -------------------- ---- ------- ----- ------ - ----- -------------------- -- - ------------------- ----------------- --------- --------------------------- ---------------------------- --- --------------- --------- ----- -- - ------------------------------------------- ---
这段代码将监听表单的提交事件，并使用 socket.emit 方法将输入框中的内容发送到服务器。在接收到服务器发送的消息时，将消息添加到名为 messages 的列表中。
至此，我们已经成功地使用 Node.js 实现了 Web Socket 通信。通过以上示例代码，可以帮助读者更好地理解如何使用 Node.js 和 Socket.IO 实现 Web Socket 通信，并在实际应用中运用所学知识。
Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/67d90b37a941bf7134078354