使用socket.io时服务端无法向客户端发送消息问题排查求助

问题原因 #

• 核心问题是客户端代码存在语法错误：socket.on 方法调用缺少闭合的右括号，导致JS代码解析失败，事件监听逻辑无法正常执行。
• 服务端代码逻辑可优化：当前使用io.emit会向所有已连接的客户端广播welcome事件，如果你只需要给刚建立连接的当前客户端推送消息，使用socket.emit更符合单用户推送的场景。

修正后的代码 #

服务端（可选优化） #

const app = require('express')();
const http = require('http').Server(app);
const io = require('socket.io')(http);
const port = process.env.PORT || 3000;

app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html');
});

io.on('connection', (socket) => {
  // 只给当前连接的客户端发消息，替换原有的io.emit
  socket.emit('welcome', 'world');
});

http.listen(port, () => {
  console.log(`Socket.IO server running at http://localhost:${port}/`);
});

客户端（修复语法错误） #

var socket = io();

socket.on('welcome', (arg) => {
  console.log(arg);
});

修正后重新启动服务，刷新客户端页面即可在控制台看到world输出。

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