socket封装 支持typescript - 更新日志
v2.0.0(2020-01-02)
- 支持typescript
- 修复遗留bug
v1.0.2(2019-12-31)
没啥变化就是不小心写错了使用说明,修改一下
v1.0.1(2019-12-30)
uni-socket
介绍
uni-app的socket完全封装
特点:
- 断线重连
- 自定义心跳
- 网络检测
- 断线消息队列
- debug
安装教程
npm i @i5920/uni-socket -S
使用说明
import uniSocket from "@i5920/uni-socket";
export default {
globalData: {
socket: null
},
onLaunch: function() {
// 初始化socket配置
this.initSocket();
},
onShow: function() {
// 连接socket
this.globalData.socket.initSocket();
},
methods:{
initSocket(){
let socket = new websocket({
url: "ws://127.0.0.1:8080",
timeout: 1 * 60 * 1000, // 心跳时间间隔
isSendHeart: true, // 是否发送心跳
heartData: "ping", // 心跳数据
isReconnection:true, // 是否断线重连
reConnectTime: 3000, // 断线重连检测时间间隔
params: { // 发送消息时如果时json则自动加上组合里面参数
token: this.$store.state.user.TOKEN
},
debug: process.env.NODE_ENV === "development", // debug
onSocketOpen: header => {},
onSocketMessage: data => {},
onSocketError:res => {},
onSocketClose:res => {}
});
this.globalData.socket = socket;
}
}
}