Ein EventSource (SSE) soll, um zu versuchen, um sich erneut auf unbestimmte Zeit?

Server-Side-Events, die anders funktioniert in allen Browsern, aber Sie alle die Verbindung zu schließen, die bei bestimmten Umständen. Chrome zum Beispiel schließt die Verbindung auf 502 Fehler, während ein server neu gestartet wird. So ist es am besten, um die Verwendung einer keep-alive-wie andere empfehlen oder wieder auf jeden Fehler. Keep-alive-nur in Verbindung bei einem angegebenen Intervall, die gehalten werden muss, um lange genug, um zu vermeiden überwältigend den server. Wiederherstellen der Verbindung zu jedem Fehler hat der geringst möglichen Verzögerung. Es ist jedoch nur möglich, wenn Sie einen Ansatz, der hält die server-Last auf ein minimum. Unten zeige ich einen Ansatz, der die Verbindung wiederherstellt, wird in angemessener Höhe.

Dieser code verwendet eine debounce-Funktion zusammen mit der reconnect-Intervall verdoppeln. Es funktioniert gut, Verbindung über 1 Sekunde, 4, 8, 16...bis zu einem maximum von 64 Sekunden, in dem Sie hält die Wiederholung mit der gleichen rate. Ich hoffe, dies hilft einige Leute.

function isFunction(functionToCheck) {
  return functionToCheck && {}.toString.call(functionToCheck) === '[object Function]';
}

function debounce(func, wait) {
    var timeout;
    var waitFunc;

    return function() {
        if (isFunction(wait)) {
            waitFunc = wait;
        }
        else {
            waitFunc = function() { return wait };
        }

        var context = this, args = arguments;
        var later = function() {
            timeout = null;
            func.apply(context, args);
        };
        clearTimeout(timeout);
        timeout = setTimeout(later, waitFunc());
    };
}

//reconnectFrequencySeconds doubles every retry
var reconnectFrequencySeconds = 1;
var evtSource;

var reconnectFunc = debounce(function() {
    setupEventSource();
    //Double every attempt to avoid overwhelming server
    reconnectFrequencySeconds *= 2;
    //Max out at ~1 minute as a compromise between user experience and server load
    if (reconnectFrequencySeconds >= 64) {
        reconnectFrequencySeconds = 64;
    }
}, function() { return reconnectFrequencySeconds * 1000 });

function setupEventSource() {
    evtSource = new EventSource(/* URL here */); 
    evtSource.onmessage = function(e) {
      //Handle even here
    };
    evtSource.onopen = function(e) {
      //Reset reconnect frequency upon successful connection
      reconnectFrequencySeconds = 1;
    };
    evtSource.onerror = function(e) {
      evtSource.close();
      reconnectFunc();
    };
}
setupEventSource();