websocket检测服务器是否断开_WebSocket心跳检测和重连机制

为什么会进行心跳检测

简单地说是为了证明客户端和服务器还活着。websocket 在使用过程中，如果遭遇网络问题等，这个时候服务端没有触发onclose事件，这样会产生多余的连接，并且服务端会继续发送消息给客户端，造成数据丢失。因此需要一种机制来检测客户端和服务端是否处于正常连接的状态，心跳检测和重连机制就产生了。

如何进行心跳检测和重连

思路是：

每隔一段指定的时间(计时器)，向服务器发送一个数据，服务器收到数据后再发送给客户端，正常情况下客户端通过onmessage事件是能监听到服务器返回的数据的，说明请求正常。

如果再这个指定时间内，客户端没有收到服务器端返回的响应消息，就判定连接断开了，使用websocket.close关闭连接。

这个关闭连接的动作可以通过onclose事件监听到，因此在 onclose 事件内，我们可以调用reconnect事件进行重连操作。

具体代码实现

$(function () {

var path = basePath;

var jspCode = $("#userId").val();

var websocket;

createWebSocket();

/**

* websocket启动

*/

function createWebSocket() {

try {

if ('WebSocket' in window) {

websocket = new WebSocket((path &#