Chrome websockets,就绪状态始终为0

Question

我正在尝试在网站上使用websockets,所以首先我开发了一个小而简单的websocket页面来测试它.

我有一个在我的localhost上运行的websocket服务器,它基于python Tornado"Chat"演示.由于某种原因,聊天演示应用程序运行完美,但我似乎无法使用websocket与我自己的页面,虽然有一些形式的连接.

我正在使用最新的Chromium版本测试它,因此实现了由Tornado实现支持的websockets版本13.

所以这是问题所在:

1. 加载页面,执行js并将升级请求发送到服务器
2. 服务器接收请求和答案

所以在我的理解中Chrome应该设置readyState = 1,我应该能够从我的页面发送消息.

只是由于某种原因它不起作用,readyState保持为0,当然如果我尝试发送消息,我收到INVALID_STATE_ERR.

以下是标题:

请求:

GET ws://127.0.0.1:8000/chatsocket HTTP/1.1
Origin: http://127.0.0.1
Cookie: _xsrf=9f73731fc2d544df864ce777bef0775a
Connection: Upgrade
Host: 127.0.0.1:8000
Sec-WebSocket-Key: pkwlpY+TtxfgUrm3M4WtTQ==
Upgrade: websocket
Sec-WebSocket-Version: 13

响应:

HTTP/1.1 101 Switching Protocols
Connection: Upgrade
Upgrade: websocket
Sec-WebSocket-Accept: ur9KL2jBhYB38e2SgwOkjyBlQXk=

任何帮助表示赞赏:)

---编辑---

所以我最终弄清楚了,如果你遇到同样的问题,原因是:

线程结束时WebSocket的readyState更新!

所以运行如下代码:

var ws = new WebSocket(stuff);
while(ws.readyState==0){};

将无限循环发送到浏览器...

运行代码如:

var ws=new WebSocket(stuff);
do_other_stuf();

可能会工作,但你不能使用WS.

如果在套接字打开后应该运行的代码使用套接字,则必须编写它:

var ws=new WebSocket(stuff);
ws.onopen = new function(){
    // some code that need WS to be open
}
// rest of the code that doesn't require WS to be open

更好的方法是通过使用异步调用让线程结束:

var ws = new WebSocket(stuff);
setTimeout(whatever,500);

function whatever(){
    if(ws.readyState==1){
        // The code you want to run after WS is open
    }
    else
        setTimeout(whatever,500);
}

Answer 1

为了在 WebSocket 连接时触发某些功能，请使用回调：

var socket = new WebSocket(...);

socket.onopen = function() {
    // socket is connected
};
socket.onerror = function() {
    // some error happened
};
socket.onmessage = function(evt) {
    // you get a message: evt.data
};

在这种情况下使用readyState是很糟糕的事情，特别是如果您必须多次询问（只是不必要的）。

另外，请考虑到每个浏览器供应商实现的 WebSocket 都有非常细微的差异（不幸的是），因此请确保在大多数浏览器中对其进行测试。