JS Socket.IO 发送消息

前言

在网上看到有人总结的 JS 的 Socket.IO 库发送消息的相关资料，觉得很不错，在这里做下整理与转载。

Socket.IO 发送消息的不同含义

  ...

  // 给本次连接的客户端发消息
  socket.emit('hello', 'can you hear me?', 1, 2, 'abc');

  // 给除了本次连接的其他所有连接者发消息
  socket.broadcast.emit('broadcast', 'hello friends!');

  // 给除了本次连接者之外的所有game房间的人发消息
  socket.to('game').emit('nice game', "let's play a game");

  //给除了本次连接者之外的所有game1、game2房间的人发消息
  socket.to('game1').to('game2').emit('nice game', "let's play a game (too)");

  // 给所有game中的人发消息
  io.in('game').emit('big-announcement', 'the game will start soon');

  // 给myNamespace命名空间的所有人发消息
  io.of('myNamespace').emit('bigger-announcement', 'the tournament will start soon');

  //给特定的socketid发消息（私信）
  socket.to(<socketid>).emit('hey', 'I just met you');

  // 发送需要回执的消息
  socket.emit('question', 'do you think so?', function (answer) {});

  // 发送无需压缩的消息
  socket.compress(false).emit('uncompressed', "that's rough");

  // sending a message that might be dropped if the client is not ready to receive messages
  socket.volatile.emit('maybe', 'do you really need it?');

  // sending to all clients on this node (when using multiple nodes)
  io.local.emit('hi', 'my lovely babies');

  ...

Socket.IO服务端消息与客户端对应的处理方法

• case 1

  发送 action 命令，命令是字符串的。代码如下：

  socket.emit('action'); 
  

  在另一端接收时，可以写成：

  socket.on('action',function(){...});
  

• case 2

  送了一个action命令，还有data数据。代码如下：

  socket.emit('action', data);
  

  在另一端接收时，可以写成：

  socket.on('action',function(data){...});
  

• case 3

  发送了action命令，还有两个数据，代码如下：

  socket.emit(action,arg1,arg2); 
  

  在另一端接收时，可以写成：

  socket.on('action',function(arg1,arg2){...});
  

• case 4

  在emit方法中包含回调函数，例如：

  socket.emit('action',data, function(arg1,arg2){...} );
  

  这里的回调函数也可以在另一端调用，另一端可以写成：

  socket.on('action',function(data,fn){   fn('a','b') ; });
  

上面的data数据可以有0个或者多个，相应的，在另一端改变function中参数的个数即可，即使参数个数与发送端的data个数一一对应。另外，function中的参数个数和顺序应该和发送时保持一致。

对于上面最后一个case，fn是一个特别的参数，其特别处是它本身是一个函数，fn相当于执行了回调函数。需要特别注意的是，一次发送不应该写多个回调函数，否则只有最后一个有效。而且回调应作为最后一个参数。

参考

• https://blog.csdn.net/iflashigame/article/details/78024877
• https://blog.csdn.net/h330531987/article/details/78257517