WebSocket 心跳包：保持连接活跃的秘密武器

在 Web 开发中，WebSocket 是一种强大的协议，允许服务器和客户端之间建立持久连接，并进行实时、双向的数据传输。然而，由于各种原因，如网络波动、服务器过载或客户端关闭，WebSocket 连接可能会在不经意间断开。为了检测和保持连接活跃，我们可以使用心跳包（ping/pong 机制）。
什么是心跳包？
心跳包是一种特殊的消息，用于检测 WebSocket 连接的活跃状态。客户端和服务器都可以发送心跳包，以确认对方仍然在线。如果一方在一定时间内没有收到对方的心跳回应，它可能会认为连接已经断开。
为什么需要心跳包？
WebSocket 协议本身并不提供自动检测连接状态的功能。即使连接仍然可用，但由于各种原因（如网络延迟、服务器过载等），数据传输可能会暂时停止。如果没有心跳机制，一方可能无法及时发现连接已经断开，从而导致数据丢失或延迟。
如何实现心跳包？
WebSocket API 提供了 ping 和 pong 事件，可用于实现心跳包机制。以下是如何在客户端和服务器端实现心跳包的简单示例：
客户端示例（JavaScript）: