WebSocket 是一种在客户端和服务器之间进行双向实时通信的协议。在前端领域，它已经被广泛使用，并成为了实现即时通讯的首选方案之一。
在 Node.js 中，我们也可以使用 WebSocket 来实现基于服务器的实时通讯应用程序。本文将详细介绍如何在 Node.js 中使用 WebSocket 实现即时通讯，并提供示例代码和指导意义。
WebSocket 的基本原理
WebSocket 基于 HTTP 协议进行握手，并在握手成功后使用一个持久化的、双向的连接进行数据传输。它的特点有：
- 支持实时性，可以快速地进行数据传输。
- 基于 TCP 协议，传输效率高。
- 支持跨域通信。
- 可以通过心跳包保持长连接，避免连接关闭。
在 Node.js 中使用 WebSocket
在 Node.js 中，我们可以使用第三方模块 ws 来实现 WebSocket 的功能。ws 模块提供了 WebSocket 服务器和客户端的构建支持，并且非常易于使用。
本文将使用 ws 模块来实现 WebSocket 的服务器端功能。要开始使用该模块，我们需要先安装 ws：
--- ------- --
创建 WebSocket 服务器
创建 app.js 文件，然后引入 ws 模块：
----- --------- - --------------
接着，创建一个 WebSocket 服务器：
----- ------ - --- ------------------ ----- ---- ---
其中，port 是服务器监听的端口号。
接下来，我们需要监听来自客户端的连接请求：
----------------------- -------- -- -
------------------- ------------
-- ----
-------------------- --------- -- -
--------------------- -------- -------------
---
-- ----
------------------ -- -- -
------------------- ---------------
---
---在连接建立成功后，服务器会调用 connection 事件处理程序。我们将在该处理程序中添加监听器来处理消息和断开连接事件。
如果接收到来自客户端的消息，我们可以在控制台中输出该消息。同样的，当客户端断开连接时，我们也可以在控制台中输出断开连接的消息。
现在，我们已经创建了 WebSocket 服务器，并且设置了连接事件处理程序。接下来，我们需要打开客户端，并与服务器进行连接。
创建 WebSocket 客户端
使用浏览器作为 WebSocket 客户端非常方便。我们只需要在浏览器中运行 JavaScript 代码，就可以连接到 WebSocket 服务器。
在 index.html 文件中，添加以下代码：
--- ------ - --- ---------------------------------
其中，ws://localhost:8080 指定了 WebSocket 服务器的地址。
接下来，我们需要监听来自服务器的消息：
---------------- - --------------- - --------------------- ------ -------- ---------------- --
当收到来自服务器的消息时，我们将消息输出到控制台中。
现在我们已经完成了服务器和客户端的连接。我们可以试着发送消息，看看是否可以成功传输数据：
------------------- ----------
当然，也可以从服务器向客户端发送消息。我们只需要在服务器中加入：
------------------- ----------
这样，就可以从服务器向客户端发送消息了。
WebSocket 的高级应用
上面这个示例非常简单，只演示了如何使用 WebSocket 进行数据传输。实际中，WebSocket 可以在更复杂的应用程序中发挥作用。
下面是一些 WebSocket 的高级应用：
- 聊天室：将连接到服务器的多个客户端进行组合，以实现在聊天室中进行实时信息交流。
- 在线游戏：使用 WebSocket 实现多人实时在线游戏。
- 通知系统：使用 WebSocket 向客户端发送通知并接收客户端的响应。
除了这些实现方式外，WebSocket 还可以用于支持实时视频和音频流传输等应用场景。
总结
WebSocket 是一种用于客户端和服务器之间进行双向实时通信的协议。在 Node.js 中，我们可以使用 ws 模块来实现 WebSocket 的服务器端功能。
本文介绍了如何在 Node.js 中使用 WebSocket 实现即时通讯，包括创建 WebSocket 服务器和客户端，并提供了示例代码。希望这篇文章能对你有所帮助！
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/646f0709968c7c53b0d69af5