nodejs+socketio+peerjs简易代码无法触发myPeer.on('open')回调问题排查

排查思路 #

1. 优先修复版本兼容问题 #

当前你前端PeerJS版本为1.3.1，后端PeerJS版本为0.6.1，跨大版本的前后端API完全不兼容，是open事件不触发的高概率原因。
执行命令升级后端Peer依赖到匹配版本：

npm install peer@1.4.7

2. 修正Peer客户端初始化配置 #

你当前的Peer初始化配置存在跨域/适配问题，改为适配当前访问协议/地址的配置：

const myPeer = new Peer(undefined, { 
  path: '/peerjs', 
  host: window.location.hostname, 
  port: window.location.port,
  secure: window.location.protocol === 'https:'
});

3. 添加错误监听定位具体问题 #

当前只监听了open事件，没有错误捕获逻辑，新增Peer错误监听直接获取报错原因：

myPeer.on('error', err => {
  console.error('Peer连接错误：', err);
})

4. 验证链路连通性 #

• 查看服务端控制台PeerServer的debug日志，确认是否收到客户端的连接请求
• 打开浏览器开发者工具的Network标签，检查/peerjs前缀的请求是否被拦截、是否存在404/500/CORS报错

5. 修复代码逻辑疏漏 #

你客户端join-room事件只传递了ROOM_ID，没有传递服务端需要的peerId参数，后续open触发后也会出现逻辑错误，修正为：

myPeer.on('open', id => {
  console.log(id);
  socket.emit('join-room', ROOM_ID, id);
});

企业代理影响说明 #

即使手动禁用了代理配置，企业设备通常存在系统级的网络过滤规则、防火墙策略，可能出现以下影响：

• 拦截WebRTC所需的STUN/TURN协议请求
• 拦截PeerJS使用的HTTP长连接/WebSocket连接
• 篡改响应头导致CORS校验失败、连接中断
  可以切换个人热点测试，如果切换网络后功能正常，即可确定是企业网络策略导致的问题。

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