如何更改打开 WebSocket 的超时时间？

Question

短而甜： 在尝试打开一段时间后如何告诉 WebSocket 停止或“关闭”？

我目前正在开发一款类似于 Kahoot 的网络应用程序，玩家可以在其中连接手机进行游戏。该游戏使用完全原生的 JavaScript 在后台运行所有内容，并使用 WebSockets 与 django-channels 游戏服务器进行通信。除了玩家不小心锁定手机或切换应用程序并关闭 WebSocket 的情况外，游戏运行良好。我可以轻松地打开一个新连接，但由于某种原因，在移动 Safari 中，WebSockets 需要永远放弃连接。

例如：

1. 用户通过 Wifi 连接并打开 WebSocket
2. 用户在没有调用.close 和正确关闭连接的情况下断开 Wifi 并丢弃 WebSocket
3. 用户尝试在没有 Wifi 的情况下打开新的 WebSocket
4. 用户在之前的 WebSocket 仍在尝试连接时连接到 Wifi

在我的测试中，第二个 WebSocket 将尝试连接至少一分钟，然后最终屈服并失败。只有这样我才能再次尝试重新连接，只是夸大了重新连接播放器的整个过程。

就像我上面问的那样：我怎样才能缩短这个过程？有没有办法让 WebSocket 早点放弃，还是我做错了？

如果我需要添加更多信息，请告诉我。这是我第一次发帖。

非常感谢！

Answer 1

我在webSocket API specification 的任何地方都没有看到连接超时，在任何 webSocket 文档中也找不到任何提及。因此，看来您可能必须实现自己的。这是一种方法：

function connectWebSocket(url, timeout) {
    timeout = timeout || 2000;
    return new Promise(function(resolve, reject) {
        // Create WebSocket connection.
        const socket = new WebSocket(url);

        const timer = setTimeout(function() {
            reject(new Error("webSocket timeout"));
            done();
            socket.close();
        }, timeout);

        function done() {
            // cleanup all state here
            clearTimeout(timer);
            socket.removeEventListener('error', error);
        }

        function error(e) {
            reject(e);
            done();
        }

        socket.addEventListener('open', function() {
            resolve(socket);
            done();
        });
        socket.addEventListener('error', error);
    });
}

// Usage    
connectWebSocket(yourURL, 1000).then(function(socket) {
    socket.send("hello");
    // put other code that uses webSocket here
}).catch(function(err) {
    console.log(err);
});