基于Socket与Express的HTTPS服务器：如何实现单端口运行？

当然可以做到！Socket.io本身就支持挂载到已有的HTTPS服务器上，完全不需要为它单独开端口。这样你的Express（HTTPS）请求和Socket.io（WebSocket）请求就能共用同一个端口，和HTTP/HTTPS的运行模式一致。

具体实现方法 #

核心思路是：先创建HTTPS服务器并挂载你的Express app，再把Socket.io绑定到这个服务器实例上，而不是单独为Socket.io新建服务器。

修改后的代码示例如下：

const port = 8989; // 统一用这个端口处理所有请求
if(process.env.ENABLE_SSL=='true') { 
  // 创建HTTPS服务器，同时挂载Express的app实例
  const server = https.createServer({ 
    key: fs.readFileSync("sslLocation/ssl.key"), 
    cert: fs.readFileSync("sslLocation/ssl.cert") 
  }, app).listen(port, '0.0.0.0', function(){ 
    console.log(`Express + Socket.io 服务器已启动，监听端口 ${port}`); 
  }); 

  // 将Socket.io绑定到刚才创建的HTTPS服务器上
  global.io = require('socket.io')(server, {
    // 根据你的实际需求配置CORS，避免跨域问题
    cors: {
      origin: "https://your-frontend-domain.com", // 替换成你的前端域名
      methods: ["GET", "POST"]
    }
  });

  // 正常处理Socket.io的连接事件
  global.io.on('connection', (socket) => {
    console.log('有用户通过Socket连接了服务器');
    // 这里添加你的Socket业务逻辑
    socket.on('disconnect', () => {
      console.log('用户断开了Socket连接');
    });
  });
}

原理说明 #

Socket.io会自动识别同一个端口上的WebSocket升级请求，和Express处理的HTTPS请求互不冲突——底层都是基于TCP连接，服务器能通过请求头和协议类型区分不同请求，分别交给Express或Socket.io处理。

注意事项 #

• 生产环境下不要直接将cors.origin设为*，请替换成你的实际前端域名，保证安全性。
• 前端Socket.io客户端的连接地址要改为wss://your-server-domain:8989（对应HTTPS的WebSocket协议）。

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