Websocket heartbeat mechanism (keep alive mechanism)

principle ： send ⽤setInterval and setTimeout Realization , every other ⼀ Send to the server after a period of time ⼀ A packet , Tell the server ⾃⼰ Still alive , If the server also
Live and return ⼀ A packet , If you disconnect , Client reconnection is required
1.Websocket Create when the connection is successful ⼼ Skip detection

socket.open() {
heart()
}

2.Websocket After receiving the message ⾏⼼ Skip reset

heart()

3. send ⽤setInterVal and setTimeout⽅ To achieve ⼼ jump
data() {
return {
timeoutObj: null,
serverTimeoutObj: null
}
}

heart() {
// 1. By turning off the timer and counting down ⾏ Reset ⼼ jump 
clearInterVal(timeoutObj)
clearTimeout(serverTimeoutObj)
 // 2. every other 30 Seconds to the server ⼀ A packet 
this.timeoutObj = setInterVal(() => {
console.log(‘ Reset detection ⼼ jump ’)
const data = {}
socket.send(data) //  Send packet 
// 2 Seconds later   The server closes the connection and reconnects without returning a packet 
serverTimeoutObj = setTimeout(() => {
console.log(‘⼼ No jump , The connection is broken ’)
socket.close()
}, 2000)
}, 3000)
}