首先new一個(gè)webscoket的連接

let noticeSocketLink = new WebSocket(‘webSocket的地址’)

這里是連接成功之后的操作

linkNoticeWebsocket(){noticeSocketLink.onopen = ()=>{//在連接成功打開的時(shí)候調(diào)用斷線重連的函數(shù),傳入websocket對(duì)象 webCloseLink(noticeSocketLink)}this.noticeSocketLink.onmessage = res => {console.log("res")}noticeSocketLink.onclose = res => {console.log("websocket is closed")}},

//斷開連接，斷線重連的函數(shù)

webCloseLink(WebSocketId){WebSocketId.send("心跳包內(nèi)容")// 每個(gè)15秒發(fā)送一次心跳包let hb = setInterval(()=>{WebSocketId.send("心跳包內(nèi)容")// 檢測到websocket連接斷開if(WebSocketId.readyState == 2 || WebSocketId.readyState == 3){clearInterval(this.hb)let i = 1let myVar = setInterval(()=>{if(WebSocketId.readyState == 2 || WebSocketId.readyState == 3){// 重新new一個(gè)websocket的連接this.noticeSocketLink = new WebSocket(WebSocketId.url);WebSocketId = this.noticeSocketLink;if(i == 5){clearInterval(myVar);// location.reload();return}i++}else if(WebSocketId.readyState == 0){}else if(WebSocketId.readyState == 1){ // websocket重連成功this.linkNoticeWebsocket();clearInterval(hb)clearInterval(myVar)}},4*1000)}}, 15000) },

?

轉(zhuǎn)載于:https://www.cnblogs.com/qisimx/p/10518355.html

總結(jié)

以上是生活随笔為你收集整理的webSocket使用心跳包实现断线重连的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。