socket.io 简单使用

2017年06月06日

Web Sockets 的目标是在一个单独的持久连接上提供全双工、双向通道。它能够在客户端和服务器之前发送非常少量的数据，而不必担心 HTTP 那样字节级别的开销。

socket.io 是 Node 的一个库，提供实时应用跨平台实时通信。

安装

npm install socket.io

使用

server

 1var app = require('http').createServer(handler);
 2var io = require('socket.io')(app);
 3var fs = require('fs');
 4
 5app.listen(80);
 6
 7function handler(req, res) {
 8  fs.readFile(__dirname + '/index.html', function (err, data) {
 9    if (err) {
10      res.writeHead(500);
11      return res.end('Error loading index.html');
12    }
13    res.writeHead(200);
14    res.end(data);
15  });
16}
17
18io.on('connection', function (socket) {
19  socket.emit('message', 'hello');
20  socket.on('client message', function (data) {
21    console.log(data);
22  });
23});

client

1<script src="/socket.io/socket.io.js"></script>
2<script>
3  var socket = io('http://localhost');
4  socket.on('message', function (data) {
5    console.log(data);
6    socket.emit('client message', 'hi');
7  });
8</script>

可双向传递及监测信息。

核心

你可以看到不管是服务器还是客户端都有 emit 和 on 这两个函数，可以说 socket.io 的核心就是这两个函数了，通过 emit 和 on 可以轻松地实现服务器与客户端之间的双向通信。

emit ：用来发射一个事件或者说触发一个事件，第一个参数为事件名，第二个参数为要发送的数据，第三个参数为回调函数（一般省略，如需对方接受到信息后立即得到确认时，则需要用到回调函数）。
on ：用来监听一个 emit 发射的事件，第一个参数为要监听的事件名，第二个参数为一个匿名函数用来接收对方发来的数据，该匿名函数的第一个参数为接收的数据，若有第二个参数，则为要返回的函数。

socket.io 提供了三种默认的事件（客户端和服务器都有）：connect 、message 、disconnect 。当与对方建立连接后自动触发 connect 事件，当收到对方发来的数据后触发 message 事件（通常为 socket.send() 触发），当对方关闭连接后触发 disconnect 事件。

此外，socket.io 还支持自定义事件，毕竟以上三种事件应用范围有限，正是通过这些自定义的事件才实现了丰富多彩的通信。

最后，需要注意的是，在服务器端区分以下三种情况：

socket.emit() ：向建立该连接的客户端广播
socket.broadcast.emit() ：向除去建立该连接的客户端的所有客户端广播
io.sockets.emit() ：向所有客户端广播，等同于上面两个的和

socket.io 简单使用

安装

使用

server

client

核心

参考