Socket.io发送的消息无法被其他客户端接收问题求助

嘿，我看了你的代码和错误提示，问题其实很明确，咱们一步步来解决：

首先，你碰到的错误是因为在客户端代码里误用了服务器端的Socket.io API。你写的io.sockets.emit('typedCode', word);是服务器端才会用的写法，浏览器里的客户端io对象根本没有sockets这个属性，所以才会报错，这也是消息发不出去的核心原因。

第一步：修正客户端的消息发送逻辑 #

你已经正确创建了客户端的socket连接var socket = io.connect('http://localhost:3000');，但发送消息的时候应该用这个socket实例，而不是io.sockets。修改后的客户端代码如下：

var socket = io.connect('http://localhost:3000'); 
editor.on('keyup', function(){ 
  var word = { id: 'room', user: 'user', value: editor.getValue()} 
  // 用自己创建的socket实例发送消息给服务器
  socket.emit('typedCode', word); 
  console.log(word.value); 
  return false; 
}); 

socket.on('typedCode', function(word) { 
  console.log('The server has a message for you: ' + word.value); 
})

第二步：确保服务器端有广播逻辑 #

光改客户端还不够，Socket.io的消息需要服务器做中转——客户端把消息发给服务器，服务器再把消息广播给其他客户端。如果你的服务器端还没写对应的逻辑，得补上（假设你用的是Node.js环境）：

const express = require('express');
const app = express();
const http = require('http').createServer(app);
const io = require('socket.io')(http);

io.on('connection', (socket) => {
  console.log('新用户已连接');
  
  // 监听客户端发来的typedCode事件
  socket.on('typedCode', (word) => {
    // 广播给除了发送者之外的所有客户端
    socket.broadcast.emit('typedCode', word);
    // 如果想让发送者自己也收到消息，就用 io.emit('typedCode', word);
  });

  socket.on('disconnect', () => {
    console.log('用户已断开连接');
  });
});

http.listen(3000, () => {
  console.log('服务器运行在 http://localhost:3000');
});

为什么之前的代码不行？ #

• 客户端只能通过自己的socket连接实例和服务器通信，不能直接调用服务器端的io.sockets.emit方法
• 没有服务器的中转，客户端之间是无法直接收发消息的，必须由服务器把消息广播出去

现在你重启服务器，打开多个客户端页面测试，在编辑器输入内容后，其他客户端应该就能收到消息并打印到控制台啦～

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