Yakalanmamış InvalidStateError: 'WebSocket' üzerinde 'gönder' çalıştırılamadı: Hala BAĞLANTI durumunda

Question

Sayfam yüklendiğinde, bağlantı başlatmak için sunucuya send bir ileti göndermeyi deniyorum, ancak çalışmıyor. Bu komut dosyası bloğu benim dosyasının en yakın:

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

Çoğu zaman, ben başlığında hata bakınız: Ben catch istisna çalıştı

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

olarak görebilirsiniz Aşağıda, ancak InvalidStateError tanımlı değil ve ReferenceError üretir.

// 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; 
     }; 

    }; 

} 

Ben Ubuntu Chromium'u kullanarak test ediyorum:

İşte benim WebSocket bağlantısı için sarıcı obje.

Answer 1

readyState Sonra ws.send yerine this.send kullanmak 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); 
    } 
}; 

olabilir ve bir geri arama sonradan çalıştırılmalıdır kodu koymak için Sen bekler bir proxy fonksiyonu aracılığıyla mesaj gönderebilir:

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

Daha akıcı bir şey için promises'a bakabilirsiniz.