在现代 Web 应用中，实时通信已经成为了越来越重要的一部分，WebSocket 协议应运而生。WebSocket 是一种网页传输协议，它可以在客户端和服务器之间建立一个持久化的连接，而不是像传统的 HTTP 请求那样，每次都建立一个新的连接。
Node.js 作为一个非常流行的后端开发语言，提供了丰富的库和工具来实现 WebSocket 。本文将介绍如何在 Node.js 应用中实现 WebSocket，并提供详细的示例。
什么是 WebSocket
WebSocket 允许客户端和服务器之间进行双向通信，这意味着服务器可以主动推送信息给客户端，而不是仅仅在客户端发起请求时响应。WebSocket 不仅比传统的轮询方式更加高效，而且具有更低的延迟和更好的响应速度。
WebSocket 能够降低服务器负担并提高性能，主要原因是它基于事件驱动的异步模型。当客户端建立了 WebSocket 连接后，服务器便可以通过事件监听来检测到客户端发送的消息，并进行响应。
WebSocket 实现
首先要实现 WebSocket，需要安装 ws 模块，可以通过以下命令进行安装：
npm install --save ws
服务端代码
-- -------------------- ---- -------
----- --------- - --------------
-- -- --------- ---
----- --- - --- ------------------ ----- ---- ---
-- - --------- -------
-------------------- -------- -------------- -
-- -------------
------------- --------- ------
-- ---------------
---------------- -------- ----------------- -
---------------------------- ------------ -
-- ------------------ --- --------------- -
------------------ -------------
-
---
---
---上述代码创建了一个 WebSocket 服务器，并在 connection 事件中监听客户端连接。在接收到客户端发送的消息时，将其转发给服务器上的所有客户端。
客户端代码
-- -------------------- ---- ------- -------- -- -- --------- --- ----- -- - --- --------------------------------- -- ------------- --------- - -------- -- - --------------- ---------- -- -- ------------------ ------------ - -------- ------- - ------------------------ -- ---------
上述代码创建了一个 WebSocket 客户端，并通过 onopen 事件在连接建立时发送一则消息。在接收到服务器的消息时，将其输出到控制台。
WebSocket 应用
WebSocket 可以应用于多种场景，例如实时聊天、在线游戏、推送服务等等。下面提供了一个简易的在线聊天室应用，具体实现如下：
服务端代码
-- -------------------- ---- -------
----- --------- - --------------
-- -- --------- ---
----- --- - --- ------------------ ----- ---- ---
-- ------
----- ----- - --- ------
-- ----
-------- -------------- -
---------------------------- ------------ -
-- ------------------ --- --------------- -
-----------------
-
---
-
-- ------
-------------------- -------- -------------- -
-- ------------ -- --------
----- -------- - ---------------------------------------- ----
--------------------
-- ---------------
------------------ - - ----------
-- ------
---------------- -------- ----------------- -
-- ------
------------------ - -- - - ---------
---
-- ------
-------------- -------- ------- -
-- -------------
-----------------------
-- ---------------
------------------ - - ----------
---
---上述代码实现了一个简易的在线聊天室应用。当用户连接进来时，生成一个昵称并将其加入在线用户列表，退出时从在线用户列表中删除该用户。在接收到用户发来的消息时，广播该消息给所有在线用户。
客户端代码
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
---------------- ---- ------------
-------
---- -
------------ ------ -----------
-------- -----
-
-- -
----------- -------
-
------------ -
------- ------
------- --- ----- -----
--------- -----
-------- ----
-
----------- -
------ -----
----------- -----
------- -----
-
--------
-------
------
------------- ---- ---------
---- -----------------------
--------- --------------- -------------------------------
--------
-- -- --------- ---
----- -- - --- ---------------------------------
-- -------------
--------- - -------- -- -
----- ------ - ---------------------------------------
---------------- -- ------------------
--
-- -------------------
------------ - -------- ------- -
----- ------ - ---------------------------------------
---------------- -- ----- - ---------- - -------
--
-- ----------
----- ----- - --------------------------------------
--------------------------------- -------- ------- -
-- -------------- --- -- -- --------------- -- ------------ -
-- ------
---------------------
----------- - ---
-----------------------
-
---
---------
-------
-------上述代码实现了一个简易的在线聊天室应用，并使用了 HTML、CSS 和 JavaScript 来渲染页面和触发事件。在页面加载完成后，创建一个 WebSocket 客户端，并监听用户的输入。在接收到服务器的消息时，将其输出到聊天区域。
总结
在 Node.js 应用中实现 WebSocket，可以让我们构建出更加高效并且实时的应用。本文介绍了 WebSocket 的实现和应用，并提供了详细的示例代码。希望能对读者理解 WebSocket 的概念和使用有所启发，从而构建出更加完善的 Web 应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6657b3eed3423812e4d31583