WebSocket 中的心跳是什么，有什么作用？

在网络应用开发中，WebSocket 是一种重要的通信协议，它允许客户端和服务器之间建立持久性的双向通信连接。然而，为了保持连接的稳定性，WebSocket 中的心跳是一个不可或缺的概念。本文将详细介绍 WebSocket 中的心跳是什么，以及它的作用。

什么是 WebSocket 心跳？

WebSocket 心跳是指定期向服务器发送小型数据包的过程，以保持连接的活跃状态。这些小型数据包通常称为心跳包。WebSocket 心跳的基本思想是在客户端和服务器之间定期发送数据，以防止连接由于长时间没有通信而被关闭。

心跳的作用

WebSocket 心跳的作用非常重要：

保持连接活跃性：在某些情况下，网络设备或防火墙可能会关闭不活跃的连接。通过定期发送心跳包，WebSocket 连接能够保持活跃状态，从而避免被关闭。
检测连接状态：心跳包的发送和接收可以用来检测连接的状态。如果服务器停止响应心跳包，客户端可以将连接标记为断开，并采取相应的措施，如重新连接或显示错误信息。

WebSocket 心跳的实现

下面是一个简单的 JavaScript 代码示例，演示了如何在 WebSocket 连接中实现心跳：

// 创建 WebSocket 连接
const socket = new WebSocket('wss://example.com');// 定义心跳包数据
const heartbeatData = 'heartbeat';// 定时发送心跳包
const heartbeatInterval = setInterval(() => {if (socket.readyState === WebSocket.OPEN) {socket.send(heartbeatData);}
}, 5000); // 每隔 5 秒发送一次心跳包// 监听消息
socket.addEventListener('message', (event) => {const message = event.data;// 判断收到的消息是否是心跳包if (message === heartbeatData) {// 收到心跳包，更新连接状态console.log('Received heartbeat from server.');} else {// 处理其他消息console.log('Received message from server:', message);}
});// 监听连接关闭事件
socket.addEventListener('close', (event) => {clearInterval(heartbeatInterval);console.log('WebSocket connection closed with code:', event.code);
});

在这个示例中，我们创建了一个 WebSocket 连接，并定时发送心跳包。如果收到来自服务器的心跳包，我们会更新连接状态。如果连接关闭，我们也会清除心跳定时器。