WebSocketException上的Flutter Socket io错误：连接未升级到websocket

Posted 2023-02-23

【中文标题】WebSocketException上的Flutter Socket io错误：连接未升级到websocket

【英文标题】：Flutter Socket io Error on WebSocketException: Connection to was not upgraded to websocket

【发布时间】：2021-01-15 10:14:16

【问题描述】：

我使用this 包，它在测试网站上正常工作，但在应用程序中我得到了这个错误

WebSocketException: Connection to 'https://socket.excopro.com:0/socket.io/?EIO=3&transport=websocket#' was not upgraded to websocket

这是我的代码

SocketService() 
    var socket = io(
        'https://socket.excopro.com:443/', <String, dynamic>
      'transports': ['websocket'],
      'autoConnect': true,
    );
    socket.on('connect', (_) 
      print('connect');
      socket.emit('msg', 'test');
    );
      socket.on("connecting", (data) => print('connecting'));
      socket.on('connect_error', (data) 
        print(data);
        socket.emit('msg', 'test');
      ); 
  

【问题讨论】：

我面临着类似的问题。有什么解决办法吗？

是否可以以某种方式打印错误代码？

【参考方案1】：

我遇到了同样的问题。

就我而言，我使用 nginx 作为代理。我通过在我的 Nginx 配置中添加一些代理标头来解决这个问题。

proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";

你可以参考这个link。

【讨论】：

嘿，我怎么能在共享 cpanel/hosting 中做到这一点

【参考方案2】：

我在由 NGinx + NChan 提供服务的 Flutter/Dart 应用程序中遇到了这个错误。事实证明，我在 Dart 中创建的 wss:... url 格式不正确 - 如果您在 Dart、php 和 JS 中进行字符串插值，则很容易在几分钟内完成，因为每种语言都有自己的解释方式大括号中的插值变量。结果是我的 Nginx/NChan conf 中的 location = ~ /path/(regex)$ 设置没有将 URL 识别为需要升级到 wss 的 URL。 Nginx 然后继续尝试在https://example.com/malformed/path 找到资源没有将其升级到wss，然后在 Dart 中抛出了这个错误。

课程 - 发生这种情况时，请检查您尝试访问的 URL 格式是否正确，以便最终将其识别为需要升级到 wssserver 端的 URL。

【参考方案3】：

您已确保在虚拟主机中启用 websocket。

RewriteCond %HTTP:Upgrade =websocket [NC]
RewriteCond %HTTP:Connection Upgrade [NC]
RewriteRule /(.*)           ws://127.0.0.1:3055/$1 [P,L]
RewriteCond %HTTP:Upgrade !=websocket [NC]
RewriteRule /(.*)           http://127.0.0.1:3055/$1 [P,L]

如果有人需要，这里是完整的虚拟主机，

<VirtualHost *:80>
    ServerName domain.com
    ServerAlias www.domain.com

    ProxyRequests Off
    ProxyPreserveHost On
    ProxyVia Full

    <Proxy *>
        Require all granted
    </Proxy>

    ProxyPass / http://127.0.0.1:3055/
    ProxyPassReverse / https://127.0.0.1:3055/

    ProxyPass /api http://127.0.0.1:3055/api
    ProxyPassReverse /api https://127.0.0.1:3055/api

    RewriteEngine on

    RewriteCond %HTTP:Upgrade =websocket [NC]
    RewriteCond %HTTP:Connection Upgrade [NC]
    RewriteRule /(.*)           ws://127.0.0.1:3055/$1 [P,L]
    RewriteCond %HTTP:Upgrade !=websocket [NC]
    RewriteRule /(.*)           http://127.0.0.1:3055/$1 [P,L]

    RewriteCond %SERVER_NAME =domain.com [OR]
    RewriteCond %SERVER_NAME =www.domain.com
    RewriteRule ^ https://%SERVER_NAME%REQUEST_URI [END,NE,R=permanent]
</VirtualHost>

【参考方案4】：

当socket_io 的客户端和服务器版本不匹配时收到此错误。尝试查找与服务器正在使用的版本匹配的版本。