websocket-tester 是一个方便测试 WebSocket 的 npm 包，可以帮助开发者快速测试 WebSocket 的链接和发送消息等操作。本篇文章将会详细介绍该包的使用方法，并给出示例代码，希望能帮助开发者们更好地掌握它。
安装
使用 npm 进行安装：
npm install websocket-tester --save-dev
基本用法
websocket-tester 提供了一个 createSocket 方法来创建 WebSocket 实例，并支持 onopen、onmessage、onclose 和 onerror 四个事件绑定。示例代码如下：
-- -------------------- ---- ------- ----- --------------- - ---------------------------- ----- ------ - ---------------------------------------------------- ------------- - -- -- - ---------------------- -------- -- ---------------- - ------- -- - ---------------------------------- -- -------------- - ------- -- - ---------------------- ------------------------------------------- -- -------------- - ------- -- - ---------------------- --------------- --
我们可以将 createSocket 方法的参数配合具体业务场景进行自定义，也可以使用其默认参数。
之后，我们就可以通过 socket.send 方法来向服务器发送消息：
socket.send('Hello, WebSocket!');进阶用法
除了基本使用方法，websocket-tester 还支持更多进阶用法，如：
配置 options
websocket-tester 支持 5 个 options 参数：
protocols：一个字符串或字符串数组，表示要使用的 WebSocket 子协议；headers：一个对象，表示要发送的 HTTP 请求头；timeout：一个整数，表示连接超时时间；maxLength：一个整数，表示能够接收的最大消息长度；pingInterval：一个整数，表示发送 ping 消息的时间间隔。
我们可以在 createSocket 方法中将 options 参数传入：
-- -------------------- ---- -------
----- ------- - -
-------- -
-------------- ------- ------
--
-------- -----
---------- -----
------------- -----
--
----- ------ - --------------------------------------------------- ---------发送二进制消息
websocket-tester 支持发送 ArrayBuffer、Blob 和 ArrayBufferView 类型的二进制消息。示例代码如下：
-- -------------------- ---- ------- ----- ----------- - --- -------------- ----- --- - -------------------------- -------------------- -- -- ----------- -- ----------------- -- -- ---------- -- ----- ----- - --- ---------------- -------------------
发送 ping 消息
websocket-tester 提供了 sendPing 方法，可以向服务器发送 ping 消息：
socket.sendPing();
断开连接
我们可以调用 close 方法来断开 WebSocket 连接：
socket.close();
最后，附上完整的代码示例：
-- -------------------- ---- -------
----- --------------- - ----------------------------
----- ------- - -
-------- -
-------------- ------- ------
--
-------- -----
---------- -----
------------- -----
--
----- ------ - --------------------------------------------------- ---------
------------- - -- -- -
---------------------- --------
--
---------------- - ------- -- -
----------------------------------
--
-------------- - ------- -- -
---------------------- -------------------------------------------
--
-------------- - ------- -- -
---------------------- ---------------
--
------------------- -------------
----- ----------- - --- --------------
----- --- - -------------------------- --------------------
-----------------
----- ----- - --- ----------------
-------------------
------------------
---------------以上，便是 websocket-tester 的使用介绍，希望对开发者们有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671068dd3466f61ffddf6