WebRTC+ReactJS+NestJS视频通话仅局域网可用，远程连接失败求助

核心问题 #

你当前仅配置了STUN服务器，它只能获取设备公网IP，但无法穿透对称NAT（多数家用运营商网络采用该类型）。跨网络远程连接时，两端设备无法直接建立P2P链路，必须依赖TURN服务器做流量中继。

具体修复步骤 #

• 补充TURN服务器到ICE配置
  替换现有iceServers配置，同时包含STUN和TURN服务器。你可以自行用coturn搭建私有TURN服务，或使用商业TURN服务。示例配置：

  this.peerConnections[id] = new RTCPeerConnection({
    iceServers: [
      { urls: 'stun:stun.l.google.com:19302' },
      {
        urls: 'turn:你的TURN服务器地址:3478',
        username: 'TURN服务用户名',
        credential: 'TURN服务密码'
      }
    ],
  });
  

• 确保信令服务器可远程访问
  检查你的NestJS信令服务器：

  • 服务器公网IP/域名能被远程设备正常访问
  • 防火墙/云服务商安全组已开放信令使用的端口（如WebSocket默认80/443，自定义端口需单独放行）

• 监听ICE候选收集状态
  在addPeerConnection方法中添加ICE候选监听，验证是否收集到有效的中继候选（relay类型），以此确认TURN是否生效：

  this.peerConnections[id].onicecandidate = (event) => {
    if (event.candidate) {
      console.log(`ICE候选（${id}）类型:`, event.candidate.type);
      // 需将该候选通过信令服务器发送给对方设备
    }
  };
  

  注意：必须把收集到的ICE候选通过NestJS信令转发给对方，否则两端无法交换网络信息。

• 完善连接状态错误处理
  确保连接失败状态的处理方法能打印详细错误，便于排查：

  _onFailed(event, id) {
    console.error(`Peer连接失败（${id}）:`, event);
    // 可在此触发重连逻辑
  }
  

额外检查点 #

• 确认两端设备的浏览器支持WebRTC（现代浏览器基本兼容，需排除老旧版本）
• 检查HTTPS配置：WebRTC在非localhost环境下要求HTTPS，确保线上服务器已配置SSL证书

内容的提问来源于stack exchange，提问作者Saad Mustafa