HTML5 WebSocket 与 hybi-17

Question

更新：我解决了解码问题，感谢pimvdb

遵循解决方案（在PHP中）：

$len = $masks = $data = $decoded = null;

$len = ord ($buffer[1]) & 127;

if ($len === 126) {
  $masks = substr ($buffer, 4, 4);
  $data = substr ($buffer, 8);
}
else if ($len === 127) {
  $masks = substr ($buffer, 10, 4);
  $data = substr ($buffer, 14);
}
else {
  $masks = substr ($buffer, 2, 4);
  $data = substr ($buffer, 6);
}

for ($index = 0; $index < strlen ($data); $index++) {
  $decoded .= $data[$index] ^ $masks[$index % 4];
}

***原始主题的开始***

我正在尝试开发用于个人应用程序的 HTML5 WebSocket，使用 hybi-17 握手。

我从 phpwebsocket 开始，我唯一改变的是就是握手函数，从原来的到这个：

function dohandshake($user,$buffer){
  $key = null;
  
  console("\nRequesting handshake...");
  console($buffer);
  console("Handshaking...");
  
  preg_match ("#Sec-WebSocket-Key: (.*?)\r\n#", $buffer, $match) && $key = $match[1];
  
  $key .= "258EAFA5-E914-47DA-95CA-C5AB0DC85B11";
  $key = sha1 ($key);
  $key = pack ('H*', $key);
  $key = base64_encode ($key);
  
  $upgrade = 
    "HTTP/1.1 101 Switching Protocols\r\n" .
    "Upgrade: websocket\r\n" .
    "Connection: Upgrade\r\n" .
    "Sec-WebSocket-Accept: {$key}\r\n\r\n";
  
  socket_write($user->socket,$upgrade.chr(0),strlen($upgrade.chr(0)));
  $user->handshake=true;
  console($upgrade);
  console("Done handshaking...");
  return true;
}

我用了phpwebsocket源码，都是针对客户端的（http://code.google.com/p/phpwebsocket /source/browse/trunk/+phpwebsocket/client.html）和服务器（http://code.google.com/p/phpwebsocket /source/browse/trunk/+phpwebsocket/server.php）。

此时，我测试了该应用程序。遵循服务器调试：

Server Started : 2011-10-30 13:45:41
Master socket  : Resource id #4
Listening on   : localhost port 12345

Resource id #5 CONNECTED!

Requesting handshake...
GET /phpwebsocket/server.php HTTP/1.1
Upgrade: websocket
Connection: Upgrade
Host: localhost:12345
Sec-WebSocket-Origin: http://localhost
Sec-WebSocket-Key: +S/J2jcp/UKIS1HTW0n1/w==
Sec-WebSocket-Version: 8


Handshaking...
HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-WebSocket-Accept: LEULWidwXDxY02iv3O+xksrxFz4=


Done handshaking...
< ��z�}p
> ��z�}p not understood
Resource id #5 DISCONNECTED!  

这是客户端调试：

WebSocket - status 0
Welcome - status 1
Sent: hello
Disconnected - status 3

我所做的只是连接客户端并发送命令“Hello”。 正如您所看到的，服务器收到编码数据而不是明文：为什么？

我正在寻找帮助我使用 hybi-17 开发 html5 websocket 的人。

Cyaz

PS：这个（为 hybi-17 实现握手 ）主题和这个 (解码网络字符（HTML5 Websocket））可能会有所帮助。

PPS：我在 Chromium 15.0.874.106~r107270-0ubuntu0.11.04.1 上进行了测试

Answer 1

这个编码功能很棒，只是 chrome 19 不喜欢数据被屏蔽。向服务器发送第一条消息后出现此错误：
“服务器不得屏蔽发送给客户端的任何帧。”

我不知道如何不屏蔽发送到服务器的数据，直到我找到一个可以运行的 github 示例，并且有一个可以设置为不屏蔽数据帧的标志。
https://github.com/lemmingzshadow/php-websocket

我发现了这个更新版本phpwebsocket 代码：
http://www.wilky.it/phpwebsocket-new-version/
为了使其正常工作，您需要修复的一件事是替换第 234 行的这一行：
preg_match ("#Sec-WebSocket-Origin: (.*?)\r\n#", $buffer, $match) && $origin = $match[1];
和
preg_match("#Origin: (.*?)\r\n#", $buffer, $match) && $origin = $match[1];

然后修复 chrome 中的错误：“服务器不得屏蔽发送到客户端的任何帧。”执行以下操作：
我修复了用 lemmingzshadow 的 github 中的 connection.php 文件中的编码函数替换的编码函数，它开始工作。该函数在 \server\lib\WebSocket\connection.php 文件中调用：hybi10Encode。
将此参数在函数编码中更改： $masked = true 至 $masked = false
所以我们有 2 个版本现在可以在 Chrome 和 Firefox 12 中运行！

Answer 2

解码解决方案（感谢@pimvdb）：

$len = $masks = $data = $decoded = null;

$len = ord ($buffer[1]) & 127;

if ($len === 126) {
  $masks = substr ($buffer, 4, 4);
  $data = substr ($buffer, 8);
}
else if ($len === 127) {
  $masks = substr ($buffer, 10, 4);
  $data = substr ($buffer, 14);
}
else {
  $masks = substr ($buffer, 2, 4);
  $data = substr ($buffer, 6);
}

for ($index = 0; $index < strlen ($data); $index++) {
  $decoded .= $data[$index] ^ $masks[$index % 4];
}