websocket的心跳检测和断线重连

理想不理想v2024-12-20 19:38

心跳检测和断线重连可以通过WebSocket的事件和属性来实现。以下是一个简单的JavaScript示例，使用WebSocket API实现心跳检测和断线重连的功能：

javascript 复制代码

let ws;
 
function connectWebSocket() {
    ws = new WebSocket('ws://your-websocket-server-url');
 
    ws.onopen = function() {
        console.log('WebSocket connected');
        startHeartbeat();
    };
 
    ws.onerror = function() {
        console.log('WebSocket error');
    };
 
    ws.onclose = function() {
        console.log('WebSocket closed');
        setTimeout(function() {
            console.log('Attempting to reconnect...');
            connectWebSocket();
        }, 5000); // 5秒后尝试重连
    };
 
    ws.onmessage = function(event) {
        // 处理服务器发送的消息
    };
}
 
function startHeartbeat() {
    setInterval(function() {
        if (ws.readyState === WebSocket.OPEN) {
            // 发送心跳消息
            ws.send('Heartbeat');
        }
    }, 30000); // 每30秒发送一次心跳
}
 
connectWebSocket(); // 初始化连接

在这个示例中，connectWebSocket 函数用于创建WebSocket连接，并设置相关的事件处理函数。startHeartbeat 函数用于开始定时发送心跳消息，以保持连接活跃。如果连接断开，ws.onclose 事件会被触发，然后在5秒后尝试重新连接。

请根据实际的服务器URL和消息处理逻辑进行相应的调整。