随着 Web 技术的不断发展，实时通信已经成为了前端开发中必不可少的一部分，WebSocket 就是其中最受欢迎的技术之一。WebSocket 可以让服务器和客户端保持长连接，实现实时通信的效果。在 Node.js 中，我们可以很方便地使用 WebSocket 进行编程。
WebSocket 的基本概念
WebSocket 是一种基于 TCP 协议的新型网络通信协议，可以实现客户端与服务器之间的双向通信。与传统的 HTTP 协议不同的是，WebSocket 协议是一种长连接协议，客户端和服务器可以保持长时间的连接并且实时通信，而不必每次请求都建立一个新的连接。
WebSocket 协议的优点包括：
实时双向通信：WebSocket 可以实现双向通信，服务器和客户端可以随时进行双向通信，可以有效减少网络延迟，提高应用的实时性和用户体验。
跨域支持：WebSocket 支持跨域通信，可以在不同的域名之间进行通信。
移动端支持：对于移动端应用，WebSocket 可以有效减少设备的网络流量，提高客户端的响应速度。
Node.js 中使用 WebSocket 进行编程
在 Node.js 中，我们可以使用第三方库来进行 WebSocket 编程，其中最为流行的是 ws 库。
安装 ws 库
在使用 ws 库进行编程之前，我们需要先安装它：
npm install ws
创建 WebSocket 服务器
在使用 ws 库创建 WebSocket 服务器时，我们需要指定服务器的地址和端口号，并创建一个 WebSocket 实例来处理客户端发来的消息：
-- -------------------- ---- -------
----- --------- - --------------
----- --- - --- ------------------ ----- ---- ---
-------------------- -------- -------------- -
------------------- ------------
---------------- -------- ----------------- -
---------------------- ---- ---------
---
---------------- -- --------- ---------
---以上代码创建了一个 WebSocket 服务器，监听本地的 8080 端口。当客户端连接到服务器时，会执行 connection 回调函数，创建一个 WebSocket 实例，用于处理客户端发来的消息。在接收到客户端发来的消息后，服务器会给客户端发送一条欢迎信息。
连接 WebSocket 服务器
在客户端上，我们同样需要使用 ws 库来连接 WebSocket 服务器：
-- -------------------- ---- ------- ----- --------- - -------------- ----- -- - --- --------------------------------- ------------- -------- ------ - ---------------------- -- --------- --------- --------------- ------------ --- ---------------- -------- -------------- - --------------------- ---- --------- ------ ---
以上代码创建了一个 WebSocket 客户端，连接到本地的 8080 端口。当连接成功后，会执行 open 回调函数，并向服务器发送一条消息。在接收到服务器发来的消息后，客户端会打印出消息内容。
实时通信示例
下面是一个简单的聊天室应用，用于演示如何使用 WebSocket 进行实时通信：
server.js：
-- -------------------- ---- -------
----- --------- - --------------
----- --- - --- ------------------ ----- ---- ---
-------------------- -------- -------------- -
------------------- ------------
---------------- -------- ----------------- -
---------------------- ---- ---------
---------------------------- ------------ -
-- ------- --- -- -- ----------------- --- --------------- -
---------------------
-
---
---
---client.html：
-- -------------------- ---- -------
--------- -----
------
------
---------------- ----------------
-------
------
---- -----------------------
------ ----------- ----------------- --
------- -----------------------------
--------
----- -- - --- ---------------------------------
--------- - ---------- -
---------------------- -- --------- ---------
--
------------ - --------------- -
----- ---------- - ------------------------------
-------------------- - -----------
------------------------------------
--
------------------ - ---------- -
----- ------- - -------------------
-- --------- -
-----------------
------------------ - ---
-
--
---------
-------
-------以上代码实现了一个简单的聊天室，WebSocket 服务器会将客户端发来的消息广播给其他客户端。客户端可以向服务器发送消息，并在页面上显示其他客户端发来的消息。
总结
WebSocket 技术可以方便地实现实时通信，在前端开发中也有着广泛的应用。在 Node.js 中，我们可以使用 ws 库来进行 WebSocket 编程。如果您想了解更多关于 WebSocket 的内容，请查看官方文档。
示例代码已上传至 GitHub，欢迎下载和使用：https://github.com/LinMingQiang/Node.js-WebSocket-Programming。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f3e4bbf6b2d6eab3d1f55a