Websocket握手不起作用

Posted 2023-02-16

技术标签:

【中文标题】Websocket握手不起作用【英文标题】：Websocket handshake doesnt work 【发布时间】：2017-05-30 11:29:52 【问题描述】：

我有一个使用 WinSock2 的 cpp 服务器，我试图用我的 javascript 客户端连接到该服务器，但它不起作用，Chrome 控制台显示“WebSocket 握手期间出错：'Sec-WebSocket-Accept' 标头值不正确”。我将我的 sha1 和 base64 函数与在线 sha1 和 base64 进行了比较，所以问题不在这里。

Chrome 响应标头：

HTTP/1.1 101 Switching Protocols
Upgrade: websocket
Connection: Upgrade
Sec-Websocket-Accept: NzdkYjg1Y2I4MDRlNTk0OGNmNzI1NzdjZDgwOTEwZWZiYWI1NzQ3Yw==

Chrome 请求标头：

GET ws://localhost:8820/ HTTP/1.1
Host: localhost:8820
Connection: Upgrade
Pragma: no-cache
Cache-Control: no-cache
Upgrade: websocket
Origin: file://
Sec-WebSocket-Version: 13
User-Agent: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (Khtml, like Gecko) Chrome/58.0.3029.110 Safari/537.36
Accept-Encoding: gzip, deflate, sdch, br
Accept-Language: he-IL,he;q=0.8,en-US;q=0.6,en;q=0.4
Sec-WebSocket-Key: Y7a2ZKEz/VCM92Wya49iPA==
Sec-WebSocket-Extensions: permessage-deflate; client_max_window_bits

服务器代码：

//key is already defined.
key += "258EAFA5-E914-47DA-95CA-C5AB0DC85B11";
key = sha1(key);
key = base64_encode(reinterpret_cast<const unsigned char*>(key.c_str()), key.length());

toClient = "HTTP/1.1 101 Switching Protocols\r\n";
toClient += "Upgrade: websocket\r\n";
toClient += "connection: Upgrade\r\n";
toClient += "Sec-Websocket-Accept: ";
toClient += key; 
toClient += "\r\n\r\n";

sendData(sc, toClient);

客户代码：

<!DOCTYPE HTML>

  <script type="text/javascript">
     function WebSocketTest()
     
        if ("WebSocket" in window)
        
           //alert("WebSocket is supported by your Browser!");

           // Let us open a web socket
           var ws = new WebSocket("ws://localhost:8820");
           console.log("test");
           ws.onopen = function()
           
                alert("Connection.")
                // Web Socket is connected, send data using send()
                ws.send("20304user04user04user");
                //alert("Message is sent...");
           ;

           ws.onmessage = function (evt) 
            
              var received_msg = evt.data;
              alert("Hey");
           ;

           ws.onclose = function()
            
              // websocket is closed.
              alert("Connection is closed..."); 
           ;
        

        else
        
           // The browser doesn't support WebSocket
           alert("WebSocket NOT supported by your Browser!");
        
     
  </script>

  <div id="sse">
     <a href="javascript:WebSocketTest()">Run WebSocket</a>
  </div>

【问题讨论】：

你应该连接 wss 而不是 ws？我没有理由这样做，我的代码应该可以工作，您还有什么建议吗？你能分享来自开发者工具网络的握手请求响应头吗？我用请求和响应标头更新了问题。可能不相关，但是来自服务器的响应连接头：connection: Upgrade应该以大写Connection: Upgrade开头 【参考方案1】：

我尝试手动构建响应：

77db85cb804e5948cf72577cd80910efbab5747c

d9uFy4BOWUjPcld82AkQ77q1dHw=

这与你所拥有的不同。您正在将这些字节的十六进制字符串表示形式转换为基数 64，而不是原始字节到基数 64。

【讨论】：

所以我对base64使用this方法，这对我来说似乎不错，我想我并没有真正得到问题 @FlyingNades base64 编码不是问题。你的 sha1 函数是。检查my answer 类似的问题。它可能会让你的问题更清楚。 @gre_gor 所以 sha1 或 base64 函数都不是问题，我发送给 base64 函数的 sha1 表示是问题，对吗？ @gre_gor 另外，如果你愿意帮助我，我想知道如何在 cpp 中做到这一点，我已经搜索了太久了...... @FlyingNades，如果您将 cpp 代码中的响应硬编码为 d9uFy4BOWUjPcld82AkQ77q1dHw= 是否有效？

以上是关于Websocket握手不起作用的主要内容，如果未能解决你的问题，请参考以下文章

Firebase - 切换到 WebSocket 协议 - 握手不起作用

Node.JS、Socket.IO 和集群中的 WebSocket 握手不起作用

Netty 设置 SSL 握手超时不起作用

使用 react-scripts 代理 websocket 不起作用

没有 SSL 的 WebSocket 在 Chrome 中不起作用

C# 创建 websocket - onmessage 函数不起作用