Aquí mi código websocket.js :
let ws = null; let connected = false; const TIMER_RECONNECTION = 10000; const TIMER_TIMEOUT = 8000; setInterval(reconnect, TIMER_RECONNECTION); const extractHostname = function (url) { let hostname; if (url.indexOf("://") > -1) hostname = url.split("/")[2]; else hostname = url.split("/")[0]; hostname = hostname.split(":")[0]; hostname = hostname.split("?")[0]; return hostname; }; const composeWsAddress = function (address) { let scheme = "ws"; if (document.location.protocol === "https:") scheme += "s"; return scheme + "://" + address + ":8000/ws"; }; const open = function (address) { console.log("Connecting..."); delete ws; ws = new WebSocket(address); ws.onopen = onOpen; ws.onclose = onClose; ws.onmessage = onMessage; setTimeout(() => { if (ws && ws.readyState === WebSocket.CONNECTING) { ws.close(); connected = false; console.log("aborted!"); return; } }, TIMER_TIMEOUT); }; let onOpen = function() { console.log("success!"); connected = true; }; let onClose = function() { ws = null; connected = false; }; let onMessage = function(event) { }; WebSocketClient = { init: function() { } }; function reconnect() { if (connected === false) { const address = composeWsAddress(extractHostname(location.href)); open(address); } } $(function() { WebSocketClient.init(); reconnect(); });El comportamiento esperado es:
Funciona bastante bien:
Connecting... aborted! [after 8 seconds] Connecting... [after 2 more seconds] aborted! [after 8 seconds] Connecting... [after 2 more seconds] aborted! [after 8 seconds] success!Si falla durante bastante tiempo, no estoy seguro de cuánto, digamos varios minutos, luego, cuando el servidor está disponible, continúa fallando nuevamente durante minutos antes de conectarse. Recargar la página no ayuda.
La única forma que encontré para conectarme de inmediato (después de esta situación) es cerrar y abrir nuevamente todo el navegador (Firefox).
¡Pero no puedo pedirle al usuario que haga esto! ¿Cómo mejorar mi código para evitar tal comportamiento?
Sugeriría un mecanismo más simple para volver a conectar que usa el evento onError:
const open = function (address) { console.log("Connecting..."); if(ws && ws.readyState !== WebSocket.CLOSED) ws.close(); ws = new WebSocket(address); ws.onopen = onOpen; ws.onclose = onClose; ws.onmessage = onMessage; ws.onerror = onError; }; let onError = function() { console.log("connection failed, reconnecting ..."); setTimeout(reconnect, 1000); };Es decir, no hay aborto cronometrado y deja que el websocket haga el cronometraje. El evento onError le dirá cuándo es el momento de hacer otro intento de reconexión.
Si esto resuelve su problema necesita algunas pruebas en su entorno. Tal vez el aborto programado y la reconexión demasiado temprana crean el problema.