JavaScript 中怎么测试 WebSocket 握手异步超时-js教程-PHP中文网

websocket握手超时需开发者主动监控：new websocket()立即返回，onopen/onerror异步通知，故应使用settimeout配合readystate判断，在connecting状态超时时调用close并报错。

javascript 中怎么测试 websocket 握手异步超时

WebSocket 握手本身是 HTTP 升级请求，属于一次性同步过程，但浏览器或客户端发起连接时的 new WebSocket(url) 是**立即返回**的，实际握手结果（成功或失败）通过 onopen、onerror、onclose 异步通知。因此，“握手超时”不是 WebSocket 协议内置机制，而是需要开发者**主动监控和判定**：如果在预期时间内既没触发 onopen 也没触发 onerror，就认为握手超时。

手动实现握手超时控制（推荐）

这是最直接、兼容性最好的方式：用 setTimeout 启动一个计时器，在连接建立或明确失败时清除它；超时时间到则主动关闭连接并抛出错误。

创建 WebSocket 实例后，立即设置定时器（例如 5 秒）
在 ws.onopen 中调用 clearTimeout 并处理成功逻辑
在 ws.onerror 或 ws.onclose（且 event.code !== 1000）中同样清除定时器，并区分真实错误
超时回调中检查 ws.readyState：若仍是 0（CONNECTING），说明握手卡住，可调用 ws.close() 并 reject 或抛出自定义错误

注意：onerror 在某些浏览器中可能不触发（如网络完全不通时），所以依赖 onclose + readyState 判断更稳妥。

使用 Promise 封装带超时的连接

把 WebSocket 连接过程包装成 Promise，便于配合 async/await 使用：

Alibabacloud Sdk Client Initialization For Java

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

下载

function connectWithTimeout(url, timeout = 5000) {
  return new Promise((resolve, reject) => {
    const ws = new WebSocket(url);
    let timer = setTimeout(() => {
      if (ws.readyState === WebSocket.CONNECTING) {
        ws.close();
        reject(new Error('WebSocket handshake timed out'));
      }
    }, timeout);

    ws.onopen = () => {
      clearTimeout(timer);
      resolve(ws);
    };

    ws.onerror = () => {
      clearTimeout(timer);
      reject(new Error('WebSocket connection failed'));
    };

    ws.onclose = (e) => {
      if (e.code !== 1000) { // 正常关闭 code=1000
        clearTimeout(timer);
        reject(new Error(`WebSocket closed abnormally: ${e.reason || 'unknown'}`));
      }
    };
  });
}

// 使用示例
async function init() {
  try {
    const ws = await connectWithTimeout('wss://echo.websocket.org', 3000);
    console.log('Connected');
  } catch (err) {
    console.error('Connection failed:', err.message);
  }
}