雷鸣 websocket.jsWebSocket 工具类
websocket.js 是 WEB 端 WebSocket 工具类
1. 功能介绍
1.1 断线重连
- 正常挂着时,断线自动重连
- 发送消息时,断线自动重连,并将之前的消息在连接成功后发送
1.2 心跳内置
- 自动发送心跳消息
- 用 onmessage 接收消息时会自动过滤掉心跳消息,也就是服务端的心跳消息不会进入到重写的 onmessage 方法
2. 代码使用
2.1 引入js
<script src="https://gitee.com/mail_osc/websocket.js/raw/master/websocket.js"></script>
2.2 代码
websocket.connect({ url:'wss://api.kefu.leimingyun.com/websocket', //服务端的WebSocket地址 onopen:function(){ //如果不需要,此不传即可。 websocket.send({"type":"CONNECT","token":"123456"}); //当WebSocket通道连接成功后,自动给服务器发送一条json格式的消息 }, onmessage:function(message){ //如果不需要,此不传即可 console.log(message); //服务端发送来的消息会在这里接收到 } });
3.流程图示
4. 接口说明
4.1 websocket.send(...) 向服务端发消息
其中的参数可以是string格式,也可以是json格式,自动识别。建议json格式
4.2 websocket.heartBeat.text 心跳消息内容
可自定义向服务端发送心跳消息的内容。默认值为: {"type":"HEARTBEAT","text":"AreYouThere"}
设置方式如:
websocket.heartBeat.text = '{"type":"HEARTBEAT","text":"AreYouThere"}';
4.3 websocket.heartBeat.time 心跳消息间隔时间
可自定义向服务端发送心跳消息的间隔时间,单位是秒,每间隔多少秒自动给服务端发送一条心跳消息。默认值是40,也就是40秒。
设置方式如:
websocket.heartBeat.time = 40;
4.4 websocket.ws JS本身的WebSocket对象
可直接使用 websocket.ws 来获取其JS本身的WebSocket对象来进行更多使用
5. 关于我们
作者:管雷鸣
评论