Segundo a mensagem retornada, você está tentando executar o método send
antes mesmo de ter sido estabelecida a conexão.
Segundo a página do w3.org sobre WebSockets
:
O método de send(data) transmite dados usando a conexão. Se o atributo
readyState
está se conectando, deve lançar uma exceçãoInvalidStateError
.
O que você deve fazer é esperar que seja feita a conexão para então executar o método send
.
Você pode implementar isto do seguinte modo (créditoscréditos):
function waitForSocketConnection(socket, callback){
setTimeout(
function(){
if (socket.readyState === 1) {
if(callback !== undefined){
callback();
}
return;
} else {
waitForSocketConnection(socket,callback);
}
}, 5);
};
E utilizá-lo assim:
waitForSocketConnection(ws, function() {
ws.send('message', 'hi');
});
Ou simplesmente fazer isso no evento onOpen
:
ws.onopen = function(response) {
ws.send('message', 'hi');
};