websocket心跳链接代码_理解WebSocket心跳及重连机制

在使用websocket的过程中，有时候会遇到网络断开的情况，但是在网络断开的时候服务器端并没有触发onclose的事件。这样会有：服务器会继续向客户端发送多余的链接，并且这些数据还会丢失。所以就需要一种机制来检测客户端和服务端是否处于正常的链接状态。因此就有了websocket的心跳了。还有心跳，说明还活着，没有心跳说明已经挂掉了。

1. 为什么叫心跳包呢？

它就像心跳一样每隔固定的时间发一次，来告诉服务器，我还活着。

2. 心跳机制是？

心跳机制是每隔一段时间会向服务器发送一个数据包，告诉服务器自己还活着，同时客户端会确认服务器端是否还活着，如果还活着的话，就会回传一个数据包给客户端来确定服务器端也还活着，否则的话，有可能是网络断开连接了。需要重连~

那么需要怎么去实现它呢？如下所有代码：

WebSocket Demo

// var ws = new WebSocket("wss://echo.websocket.org");

/*

ws.onerror = function(e) {

console.log('已关闭');

};

ws.onopen = function(e) {

console.log('握手成功');

ws.send('123456789');

}

ws.onclose = function() {

console.log('已关闭');

}

ws.onmessage = function(e) {

console.log('收到消息');

console.log(e);

}

*/

var lockReconnect = false;//避免重复连接

var wsUrl = "wss://echo.websocket.org";

var ws;

var tt;

function createWebSocket() {

try {