从使用 emscripten 编译的 c++ 连接 websocket 时出现问题

Question

尝试使用用emscripten编译的c++代码连接到websocket（poco-1.9.0示例\WebSocketServer）。使用编译的 boost 1.69 和常见示例之一连接到套接字。

boost::asio::ssl::context ctxt(context::sslv23_client); 
ctxt.set_verify_mode(boost::asio::ssl::verify_none);

boost::asio::io_service svc;
tcp::resolver resolver(svc);
tcp::resolver::query query("127.0.0.1", "9980", 
    boost::asio::ip::resolver_query_base::numeric_service);

tcp::resolver::iterator i = resolver.resolve(query, ec);

boost::asio::ssl::stream<tcp::socket> s(svc, ctxt);
s.lowest_layer().connect(*i, ec); 
s.handshake(boost::asio::ssl::stream<tcp::socket>::client, ec);

服务器输出如下

Request from 127.0.0.1:58152: GET / HTTP/1.1
Host: 127.0.0.1:9980
Connection: Upgrade
Pragma: no-cache
Cache-Control: no-cache
Upgrade: websocket
Origin: http://127.0.0.1:8887
Sec-WebSocket-Version: 13
Sec-WebSocket-Protocol: binary
WebSocket connection established.
Frame received (length=0, flags=0x0).
WebSocket connection closed.

但是，此代码在握手后挂起。可以这样使用还是需要使用 asio 的异步调用？

另外，如果您知道任何类似的例子，请分享。

Answer 1

我总是告诉尝试 WebAssembly 的人......

WebAssembly（在浏览器上下文中）是 JavaScript。

即使您使用 Emscripten 以 C/C++ 进行编码，编译后的WebAssembly字节码也会在浏览器的 JavaScript 引擎（例如 V8）中运行。这意味着 WASM 代码除了 JavaScript API 之外没有任何特殊的低级 API。每个系统级函数都使用 JavaScript 进行模拟。

这是什么意思？低级套接字控制（例如设置 SSL 版本和 SSL 握手）没有意义，因为您的WASM 代码只能使用JavaScript WebSocket API进行网络，因此套接字由浏览器处理，而不是您的 WASM 代码。

相反，您可以使用普通的BSD 套接字。Emscripten 会将 BSD 套接字转换为 JavaScript WebSocket。换句话说，你根本无法使用Poco库。

像这样：

struct sockaddr_in addr;
ing res;
int fd = socket(PF_INET, SOCK_STREAM, IPPROTO_TCP);
unsigned long nonblocking = 1;
fcntl(fd, F_SETFL, O_NONBLOCK);
memset(&addr, 0, sizeof(addr));
addr.sin_family = AF_INET;
addr.sin_port = htons(9980);
if (inet_pton(AF_INET, "127.0.0.1", &addr.sin_addr) != 1) {
  perror("inet_pton failed");
  finish(EXIT_FAILURE);
}
res = connect(server.fd, (struct sockaddr *)&addr, sizeof(addr));

顺便说一句，你被迫只使用异步（非阻塞）套接字操作，因为它是 JS websockets。

相关参考：

• Jonathan Hale 的 Emscripten 套接字简介
• Emscripten套接字测试代码