使用Socket.io连接时，Ngrok隧道可用但直接远程URL失效的原因？

可能原因及解决方法 #

• 端口与防火墙限制
  服务器的3000端口大概率未在防火墙、云服务商安全组中开放，Ngrok通过自身公共端口转发请求，绕过了这个限制。需要登录服务器控制台，将3000端口设置为允许外部访问的状态，确保TCP连接和WebSocket的HTTP升级请求能正常通过。

• SSL证书信任问题
  直接使用https://example.com:3000时，如果服务器的SSL证书是自签名或未被Android系统信任的证书，模拟器会拒绝连接。Ngrok提供的证书是受信任的，所以能正常建立连接。

  • 生产环境：给服务器配置正规SSL证书（如Let's Encrypt），确保域名与证书匹配。
  • 开发环境：临时禁用证书校验（仅限开发，生产绝对不能用），代码修改如下：

    useEffect(() => {
      const socket = io('https://example.com:3000', {
        rejectUnauthorized: false
      });
    }, []);
    

• Android模拟器网络问题
  模拟器的DNS解析可能出现异常，或者无法穿透某些网络策略。可以尝试用服务器的公网IP替代域名测试，比如：

  useEffect(() => {
    const socket = io('https://[服务器公网IP]:3000');
  }, []);
  

• Socket.io服务器配置问题
  检查服务器端是否正确配置了跨域和监听地址：

  1. 确保服务器监听的是0.0.0.0而非localhost，这样外部设备才能访问：

     const server = app.listen(3000, '0.0.0.0', () => {
       console.log('Server running on port 3000');
     });
     

  2. 配置跨域规则，允许Expo应用的请求：

     const io = require('socket.io')(server, {
       cors: {
         origin: "*", // 开发环境放宽限制，生产环境指定你的应用域名
         methods: ["GET", "POST"]
       }
     });
     

内容的提问来源于stack exchange，提问作者Eldan Shkolnikov