Chiusura WebSocket correttamente (HTML5, Javascript)

Question

Sto giocando con HTML5 WebSockets. Mi stavo chiedendo, come posso chiudere la connessione con garbo? Come, cosa succede se l'utente aggiorna la pagina o semplicemente chiude il browser?

C'è un comportamento strano quando un utente si aggiorna semplicemente la pagina senza chiamare websocket.close() - quando ritornano dopo l'aggiornamento colpirà l'evento websocket.onclose.

Answer 1

Molto semplice, lo si chiude :)

var myWebSocket = new WebSocket("ws://example.org"); 
myWebSocket.send("Hello Web Sockets!"); 
myWebSocket.close(); 

Hai controllato anche il following site e controllare il introduction article of Opera

Answer 2

Secondo il protocol spec V76 (che è la versione che il browser con il supporto corrente implementare) :

per chiudere la connessione in modo pulito, un telaio costituito da un solo byte 0xFF seguito da un byte 0x00 viene inviato da un peer per chiedere che l'altro peer chiuda la connessione.

Se si sta scrivendo un server, è necessario assicurarsi di inviare un frame chiuso quando il server chiude una connessione client. Il normale metodo di chiusura del socket TCP può talvolta essere lento e causare che le applicazioni ritengano che la connessione sia ancora aperta anche quando non lo è.

Il browser dovrebbe davvero fare questo per te quando chiudi o ricarichi la pagina. Tuttavia, è possibile assicurarsi una cornice stretta viene inviato facendo catturando l'evento beforeunload:

window.onbeforeunload = function() { 
    websocket.onclose = function() {}; // disable onclose handler first 
    websocket.close() 
}; 

io non sono sicuro di come si può essere sempre un evento OnClose dopo che la pagina viene aggiornata. L'oggetto websocket (con il gestore onclose) non esisterà più una volta ricaricata la pagina. Se stai provando immediatamente a stabilire una connessione WebSocket sulla tua pagina man mano che la pagina viene caricata, è possibile che si stia verificando un problema in cui il server rifiuta una nuova connessione così presto dopo che il vecchio si è disconnesso (o il browser non è pronto per effettuare connessioni nel punto in cui si sta tentando di connettersi) e si sta ottenendo un evento onclose per il nuovo oggetto websocket.

Answer 3

Il problema è che ci sono 2 versioni di protocollo principali di WebSockets in uso oggi. La vecchia versione che usa il protocollo [0x00][message][0xFF], e poi c'è la nuova versione che utilizza i pacchetti Hybi.

La vecchia versione del protocollo è utilizzata da Opera e iPod/iPad/iPhone, quindi è davvero importante che la compatibilità con le versioni precedenti sia implementata nei server WebSockets. Con questi browser che utilizzano il vecchio protocollo, ho scoperto che l'aggiornamento della pagina o l'allontanamento dalla pagina o la chiusura del browser comportano la chiusura automatica della connessione da parte del browser. Grande!!

Tuttavia, con i browser che utilizzano la nuova versione del protocollo (ad es. Firefox, Chrome e alla fine IE10), solo la chiusura del browser si tradurrà nel browser di chiudere automaticamente la connessione. Vale a dire, se si aggiorna la pagina o si esce dalla pagina, il browser NON chiude automaticamente la connessione. Tuttavia, ciò che il browser fa, è inviare un pacchetto hybi al server con il primo byte (il proto ident) che è 0x88 (meglio noto come frame di dati vicino). Una volta che il server riceve questo pacchetto, può forzatamente chiudere la connessione stessa, se lo si desidera.

Answer 4

Come menzionato da theoobe, alcuni browser non chiudono automaticamente le web socket. Non tentare di gestire alcun evento "Chiudi finestra browser" sul lato client. Attualmente non esiste un modo affidabile per farlo, se consideri il supporto dei principali browser desktop E (ad esempio onbeforeunload non funzionerà in Mobile Safari). Ho avuto una buona esperienza con la gestione di questo problema sul lato server. Per esempio. se si utilizza Java EE, dare un'occhiata a javax.websocket.Endpoint, a seconda del browser verrà chiamato il metodo OnClose o il metodo OnError se si chiude/ricarica la finestra del browser.