雷鸣 websocket.jsWebSocket 工具类

联合创作 · 2023-09-23 19:40

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. 关于我们

作者:管雷鸣

浏览 5
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报