JavaScript 中怎么在 WebSocket 发送消息失败时进行队列缓存-js教程-PHP中文网

websocket发送失败需手动实现重试缓存：检查readystate，0时暂存、1时发送、2/3时入队；监听onopen重发，添加时间戳、重试次数、唯一id；离线时可localstorage持久化。

javascript 中怎么在 websocket 发送消息失败时进行队列缓存

WebSocket 发送消息失败时无法自动重试或缓存，因为 socket.send() 在连接断开或未就绪时会直接抛出异常（如 InvalidStateError），而 WebSocket 本身不提供内置队列机制。你需要手动实现“发送前检查 + 失败缓存 + 连接恢复后重发”的逻辑。

判断连接状态再发送，避免直接报错

不要无条件调用 send()，先检查 socket.readyState：

0（CONNECTING）：正在连接，暂存消息，等待 open 事件
1（OPEN）：可安全发送
2（CLOSING）或 3（CLOSED）：不可发送，加入缓存队列

示例：

function safeSend(socket, data) {
  if (socket.readyState === WebSocket.OPEN) {
    socket.send(JSON.stringify(data));
  } else {
    queue.push(data); // 加入待发队列
  }
}

用数组维护消息队列，并监听连接恢复

声明一个全局/闭包内的数组（如 const queue = []），并在关键生命周期事件中管理它：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

监听 socket.onopen：遍历并清空队列，逐条发送（注意节流，避免突发大量 send 导致阻塞）
监听 socket.onclose 或 socket.onerror：不主动清空队列，保留待重发项
可选：设置最大缓存条数（如 100 条），超限时丢弃最旧消息，防止内存泄漏

增强可靠性：添加简单重试与过期机制

纯队列不够健壮，建议为每条缓存消息附加元数据：

时间戳：用于判断是否超时（如 5 分钟未发出则丢弃）
重试次数：每次重发失败后 +1，超过阈值（如 3 次）则触发错误回调或本地持久化
唯一 ID：便于服务端去重或前端调试追踪

例如：

queue.push({
  id: Date.now() + '-' + Math.random().toString(36).substr(2, 9),
  data: { type: 'chat', msg: 'hi' },
  timestamp: Date.now(),
  retries: 0
});