如何配置带不同roomId的URL路径下的Socket服务

你的现有配置存在两处核心问题，以下是修正方案和参数获取方法：

现有配置的错误点 #

• 重定向路径使用了相对路径，缺少前缀/，会导致跳转路径异常：访问/api/liveStream时会被跳转到/api/api/liveStream/[roomid]，不符合预期。
• Socket.IO 原生不支持Express风格的:param路径参数写法，直接写io.of("/api/liveStream/:id")只会匹配路径完全等于/api/liveStream/:id的连接，携带真实roomid的连接无法命中该命名空间。

正确配置与roomid获取方式 #

1. 修正HTTP重定向逻辑 #

把重定向路径改为绝对路径即可：

app.get("/api/liveStream", (req, res) => {
  const roomid = uuidV4();
  res.redirect(`/api/liveStream/${roomid}`);
});

2. 配置Socket.IO动态命名空间，提取roomid #

Socket.IO 3.0+ 支持通过正则匹配动态命名空间，连接建立后直接从命名空间属性中解析roomid即可：

// 正则匹配所有格式为 /api/liveStream/[roomid] 的命名空间
const liveStream_io = io.of(/^\/api\/liveStream\/[a-zA-Z0-9-]+$/);

liveStream_io.on("connection", (socket) => {
  // 从当前命名空间路径中拆分出roomid
  const roomid = socket.nsp.name.split("/").pop();
  // 将当前socket加入对应房间，后续可定向给该房间推送流消息
  socket.join(roomid);
  
  // 把socket实例和roomid传入你已有的处理逻辑即可
  liveStream.listen(socket, roomid);
});

如果你使用的是3.0以下的旧版Socket.IO，不支持动态命名空间，可以改用固定命名空间+事件上报的方案：把命名空间统一设为/api/liveStream，客户端连接成功后立刻发送携带roomid的join-room事件，服务端收到事件后再调用socket.join(roomid)把用户加入对应房间，兼容性更强。

3. 客户端连接注意事项 #

前端连接Socket时必须拼接完整的房间路径，示例：

// 从当前页面路径中取出roomid后建立连接
const currentRoomId = window.location.pathname.split("/").pop();
const socket = io(`/api/liveStream/${currentRoomId}`);

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