广播意味着向所有连接的客户端发送消息。广播可以在多个层次上进行。我们可以将消息发送给所有连接的客户端、命名空间中的客户端和特定组中的客户端。要向所有客户端广播事件,我们可以使用io.sockets.emit方法。

Note这将发出事件以ALL连接的客户端(事件套接字,可能已经触发了此事件)。

在本例中,我们将向所有用户广播连接的客户端数量。更新app.js文件,以包含以下内容。

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/', function(req, res) {
   res.sendfile('index.html');
});

var clients = 0;
io.on('connection', function(socket) {
   clients++;
   io.sockets.emit('broadcast',{ description: clients + ' clients connected!'});
   socket.on('disconnect', function () {
      clients--;
      io.sockets.emit('broadcast',{ description: clients + ' clients connected!'});
   });
});

http.listen(3000, function() {
   console.log('listening on localhost:3000');
});

在客户端,我们只需要处理广播事件

<!DOCTYPE html>
<html>
   <head>
      <title>Hello world</title>
   </head>
   <script src = "/socket.io/socket.io.js"></script>
   <script>
      var socket = io();
      socket.on('broadcast',function(data) {
         document.body.innerHTML = '';
         document.write(data.description);
      });
   </script>
   <body>Hello world</body>
</html>

如果连接四个客户端,您将获得以下结果

这是给每个人发送一个事件。如果我们想某个条件触发时,发送一个事件给每个人,我们可以使用socket.broadcast.emit

让我们向新用户发送欢迎消息,并更新其他客户关于他/她加入的信息。所以在你的app.js文件中,在连接客户端时,给他发送一条欢迎消息,并将连接的客户端号码广播给所有其他人。

var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);

app.get('/', function(req, res) {
   res.sendfile('index.html');
});

var clients = 0;
io.on('connection', function(socket) {
   clients++;
   socket.emit('newclientconnect',{ description: 'Hey, welcome!'});
   socket.broadcast.emit('newclientconnect',{ description: clients + ' clients connected!'})
   socket.on('disconnect', function () {
      clients--;
      socket.broadcast.emit('newclientconnect',{ description: clients + ' clients connected!'})
   });
});

http.listen(3000, function() {
   console.log('listening on localhost:3000');
});

处理此事件的html

<!DOCTYPE html>
<html>
   <head>
      <title>Hello world</title>
   </head>
   <script src = "/socket.io/socket.io.js"></script>
   <script>
      var socket = io();
      socket.on('newclientconnect',function(data) {
         document.body.innerHTML = '';
         document.write(data.description);
      });
   </script>
   <body>Hello world</body>
</html>

现在,最新的客户端会收到一条欢迎消息,其他客户端会收到当前连接到服务器的客户端数量。