vue封装websocket_vue使用 封装websocket心跳包

这套代码可以拿过去直接用 一些注意我会在下面代码中加上注释:

谢谢支持

核心代码

1 //这里需要引入vuex

2 import store from './store';3

4 let wsConnection ={5 $ws: null,6 lockReturn: false,7 timeout: 60 * 1000 * 5,8 timeoutObj: null,9 timeoutNum: null,10 serverTimeoutObj: null,11 //初始化webSocket长连接

12 initWebSocket: function() {15

this.$ws = new WebSocket(wsurl);//写入地址 这里的地址可以在initWebSocket方法加入参数

16 this.$ws.onopen = this.wsOpen;17 this.$ws.onclose = this.wsClose;18 this.$ws.onmessage = this.wsMsg;19 this.$ws.onerror = this.wsError;20 },21 //打开websocket

22 wsOpen: function(e) {23 //开始websocket心跳

24 wsConnection.startWsHeartbeat();25 console.log('ws success')26 },27 wsClose: function(e) {28 console.log(e, 'ws close')29 },30 wsMsg: function(msg) {31 //每次接收到服务端消息后 重置websocket心跳

32 wsConnection.resetHeartbeat();33 //服务端发送来的消息存到vuex

34 store.commit(&#