javascript - 为什么 WebSocket.onmessage 事件不会触发？

Question

在研究了几个小时之后，我根本找不到解决方案。我正在为我正在开发的基于 Canvas 的在线游戏使用“node.js”的 WebSocket 服务器上工作。我的游戏可以很好地连接到服务器，它接受握手，甚至可以向服务器发送消息。但是，当服务器响应客户端时，客户端并没有收到消息。没有错误，什么都没有，它只是安静地坐在那里。我已经拆开我的代码，尝试了我能想到的一切来解决这个问题，但是，唉，什么都没有。

这是我的服务器代码的剥离副本。正如我之前所说，握手工作正常，服务器可以正常接收数据，但无法将数据发送回客户端。

var sys = require('sys'),
net = require('net');
var server = net.createServer(function (stream) {
    stream.setEncoding('utf8');
    var shaken = 0;
    stream.addListener('connect', function () {
        sys.puts("New connection from: "+stream.remoteAddress);
    });
    stream.addListener('data', function (data) {
        if (!shaken) {
            sys.puts("Handshaking...");
            //Send handshake:
            stream.write(
            "HTTP/1.1 101 Web Socket Protocol Handshake\r\n"+
            "Upgrade: WebSocket\r\n"+
            "Connection: Upgrade\r\n"+
            "WebSocket-Origin: http://192.168.1.113\r\n"+
            "WebSocket-Location: ws://192.168.1.71:7070/\r\n\r\n");
            shaken=1;
            sys.puts("Handshaking complete.");
        }
        else {
            //Message received, respond with 'testMessage'
            var d = "testMessage";
            var m = '\u0000' + d + '\uffff';
            sys.puts("Sending '"+m+"' to client");
            var result = stream.write(m, "utf8");
   /*
            Result is equal to true, meaning that it pushed the data out.
            Why isn't the client seeing it?!?
            */
        }
    });
    stream.addListener('end', function () {
        sys.puts("Connection closed!");
  stream.end();
    });
});
server.listen(7070);
sys.puts("Server Started!");

这是我的客户端代码。它使用 Chrome 原生 WebSocket。

socket = new WebSocket("ws://192.168.1.71:7070");
socket.onopen = function(evt) {
    socket.send("blah");
    alert("Connected!");
};
socket.onmessage = function(evt) {
    alert(evt.data);
};

Answer 1

var m = '\u0000' + d + '\uffff';
var result = stream.write(m, "utf8");

啊，好像不太对。它应该是一个零字节，后跟一个 UTF-8 编码的字符串，然后是一个 0xFF 字节。

\uFFFF 未以 UTF-8 编码为 0xFF 字节:您得到 0xC3 0xBF。事实上，任何字符都不会在 UTF-8 编码中产生 0xFF:这就是为什么它被选为 WebSocket 中的终止符。

我不熟悉 node.js，但我猜你需要这样说:

stream.write('\u0000'+d, 'utf-8');
stream.write('\xFF', 'binary');

或手动 UTF-8 编码并以二进制形式发送。

握手也有问题，但我想这是一个尽可能简单的初稿，目前可能适合您。您依赖第一个数据包作为整个握手 header ，仅此而已，然后第二个数据包作为有效负载数据。这根本无法保证。您可能希望在缓冲区中收集 data 直到看到 header 末尾的 0x0D 0x0A 0x0D 0x0A 标记，然后检查 header 内容并可能返回 101，然后从之后的数据继续那个标记。