前言
WebSocket 是一种网络通信协议，它是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通信的协议。WebSocket 相对于 Ajax 等方式有更高的效率和更低的延迟，因此是很多实时通信场景的首选。而 JavaScript 中的 websocket-client 类库则实现了 WebSocket 的客户端。本文将介绍如何使用 npm 包 websocket-client 实现 WebSocket 通信。
安装
使用 npm 包管理器，执行以下命令进行本地安装：
npm install websocket-client
使用
创建 WebSocket 实例
在 JavaScript 中，创建 WebSocket 实例非常简单:
const WebSocket = require('websocket').client;
// 创建 WebSocket 实例
const ws = new WebSocket('wss://echo.websocket.org/');以上代码，我们使用了 require('websocket').client 来引入 websocket-client，然后通过参数传入服务器地址，创建 WebSocket 实例。
监听事件
WebSocket 实例可以监听多个事件，包括 onopen, onmessage, onclose, onerror。监听这些事件可以帮助我们在通信过程中更好地控制流程。
-- -------------------- ---- -------
------------- -- -- -
---------------------
---
---------------- ------- -- -
--------------------- ---------
---
-------------- -- -- -
---------------------
---
-------------- ----- -- -
-------------------- -------
---以上代码，我们监听了 WebSocket 的四个事件，并在事件触发时打印相应信息。其中，onopen 事件表示 WebSocket 已连接，onmessage 事件表示接收到了消息，onclose 事件表示 WebSocket 连接已关闭，onerror 事件表示发生了错误。
发送消息
WebSocket 实例可以通过 send 方法向服务器发送消息。
ws.send('Hello WebSocket');以上代码，我们使用 send 方法向服务器发送了一个字符串。
关闭连接
当不再需要使用 WebSocket 实例时，需要手动关闭连接。
ws.close();
以上代码，我们使用 close 方法关闭了 WebSocket 连接。
示例代码
-- -------------------- ---- -------
----- --------- - ----------------------------
-- -- --------- --
----- -- - --- ---------------------------------------
-- -- --------- --
------------- -- -- -
---------------------
-- ----
-------------- ------------
---
---------------- ------- -- -
--------------------- ------------------
-- -- --------- --
-----------
---
-------------- -- -- -
---------------------
---
-------------- ----- -- -
-------------------- -------
---结语
通过 npm 包 websocket-client，我们可以很方便地在 JavaScript 中实现 WebSocket 通信。本文详细介绍了如何安装、使用 websocket-client，以及如何创建 WebSocket 实例、监听事件、发送消息和关闭连接。最后，希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaf3bb5cbfe1ea0610fb9