Uncaught InvalidStateError: Nie powiodło się wykonanie polecenia "wyślij" w "WebSocket": Wciąż w stanie CONNECTING

Question

Po załadowaniu strony, próbuję wysłać do serwera wiadomość o tym, aby zainicjować połączenie, ale nie działa. Blok ten skrypt jest w górnej części mojego pliku:

var connection = new WrapperWS(); 
connection.ident(); 
// var autoIdent = window.addEventListener('load', connection.ident(), false); 

Większość czasu, widzę błąd w tytule:

Uncaught InvalidStateError: Failed to execute 'send' on 'WebSocket': Still in CONNECTING state

więc starałem się catch wyjątkiem, jak widać poniżej, ale teraz wygląda na to, że InvalidStateError nie jest zdefiniowany i generuje ReferenceError.

Oto obiekt wrapper dla mojego związku websocket:

// Define WrapperWS 

function WrapperWS() { 
    if ("WebSocket" in window) { 
     var ws = new WebSocket("ws://server:8000/"); 
     var self = this; 

     ws.onopen = function() { 
      console.log("Opening a connection..."); 
      window.identified = false; 
     }; 
     ws.onclose = function (evt) { 
      console.log("I'm sorry. Bye!"); 
     }; 
     ws.onmessage = function (evt) { 
      // handle messages here 
     }; 
     ws.onerror = function (evt) { 
      console.log("ERR: " + evt.data); 
     }; 

     this.write = function() { 
      if (!window.identified) { 
       connection.ident(); 
       console.debug("Wasn't identified earlier. It is now."); 
      } 
      ws.send(theText.value); 
     }; 

     this.ident = function() { 
      var session = "Test"; 
      try { 
       ws.send(session); 
      } catch (error) { 
       if (error instanceof InvalidStateError) { 
        // possibly still 'CONNECTING' 
        if (ws.readyState !== 1) { 
         var waitSend = setInterval(ws.send(session), 1000); 
        } 
       } 
      } 
     window.identified = true; 
      theText.value = "Hello!"; 
      say.click(); 
      theText.disabled = false; 
     }; 

    }; 

} 

jestem testowania przy użyciu chromu na Ubuntu.

Answer 1

Można wysyłać wiadomości za pośrednictwem funkcji proxy, który czeka na readyState być 1.

this.send = function (message, callback) { 
    this.waitForConnection(function() { 
     ws.send(message); 
     if (typeof callback !== 'undefined') { 
      callback(); 
     } 
    }, 1000); 
}; 

this.waitForConnection = function (callback, interval) { 
    if (ws.readyState === 1) { 
     callback(); 
    } else { 
     var that = this; 
     // optional: implement backoff for interval here 
     setTimeout(function() { 
      that.waitForConnection(callback, interval); 
     }, interval); 
    } 
}; 

Następnie użyj this.send zamiast ws.send i umieścić kod, który należy uruchomić później w zwrotnego:

this.ident = function() { 
    var session = "Test"; 
    this.send(session, function() { 
     window.identified = true; 
     theText.value = "Hello!"; 
     say.click(); 
     theText.disabled = false; 
    }); 
}; 

Aby uzyskać coś bardziej uproszczonego, można zajrzeć do promises.