简介
wspoint 是一个基于 WebSocket 的前端连接工具包，可以用于跨平台连接，双向通信，及时响应。
安装
可以直接使用 npm 命令进行安装：
npm install wspoint
使用
初始化
import Wspoint from 'wspoint';
const wspoint = new Wspoint({ url: 'ws://localhost:8080' });
wspoint.connect();发送消息
const message = { type: 'message', content: 'hello world' };
wspoint.send(message);监听接收消息
wspoint.on('message', (message) => {
console.log(message);
});自动重连
const wspoint = new Wspoint({
url: 'ws://localhost:8080',
reconnectInterval: 5000,
maxReconnectTimes: 10
});断开连接
wspoint.disconnect();
深入学习
消息的格式
wspoint 支持发送和接收 JSON 格式的消息。
自定义事件
可以通过 on 方法注册自定义事件，示例代码：
wspoint.on('customEvent', (message) => {
console.log(message);
});
const message = { type: 'customEvent', content: 'hello custom event' };
wspoint.send(message);实现心跳检测
-- -------------------- ---- -------
----- ------- - --- --------- ---- --------------------- ---
--- ------- - -----
------------------ -- -- -
------- - -------------- -- -
----- ------- - - ----- ----------- --
----------------------
-- ------
---
--------------------- --------- -- -
-- ------------- --- ------------ -
----------------------
-
---
------------------- -- -- -
-----------------------
---------------------
---
------------------实现拦截器
-- -------------------- ---- ------- ----- ------- - --- --------- ---- --------------------- --- --------------------------------------- ----- -- - ------------------------ -------------- --- ----------------------------------------- ----- -- - ------------------------ --------------- --- ------------------
参考资料
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671188dd3466f61ffe731