webSocket协议和Socket.IO

1、Http没法轻松实现实时应用：

● HTTP协议是无状态的，服务器只会响应来自客户端的请求，可是它与客户端之间不具有持续链接。
● 咱们能够很是轻松的捕获浏览器上发生的事件（好比用户点击了盒子），这个事件能够轻松产生与服务器的数据交互（好比Ajax）。
　可是，反过来倒是不可能的：服务器端发生了一个事件，服务器没法将这个事件的信息实时主动通知它的客户端。
　只有在客户端查询服务器的当前状态的时候，所发生事件的信息才会从服务器传递到客户端。

2、长轮询、长链接

● 长轮询：客户端每隔很短的时间，都会对服务器发出请求，查看是否有新的消息，只要轮训速度足够快，例如1秒，就能给人形成交互是实时进行的印象。
　这种作法是无奈之举，实际上对服务器、客户端双方都形成了大量的性能浪费。
● 长链接：客户端只请求一次，可是服务器会将链接保持，不会返回结果（想象一下咱们没有写res.end()时，浏览器一直转小菊花）。
　服务器有了新数据，就将数据发回来，又有了新数据，就将数据发回来，而一直保持挂起状态。这种作法的也形成了大量的性能浪费。

3、WebSocket协议

● 最新的HTML5协议，制定了WebSocket协议标准，容许客户端和服务器以全双工的方式进行通讯。
● WebSocket的原理很是的简单：利用HTTP请求产生握手，握手以后，两者转用TCP协议进行交流（QQ的协议）。
● 使用WebSocket协议，须要浏览器和服务器都支持才可使用。
● 支持WebSocket协议的浏览器有：Chrome 4、火狐四、IE十、Safari5
● 支持WebSocket协议的服务器有：Node 0、Apach7.0.二、Nginx1.3

4、Socket.IO

　　官网地址：https://socket.io/docs/rooms-and-namespaces/

● Node.js从诞生之日起，就支持WebSocket协议。不过，从底层一步一步搭建一个Socket服务器很费劲（想象一下Node写一个静态文件服务都那么费劲）。因此，有大神帮咱们写了一个库Socket.IO。
● Socket.IO是业界良心，新手福音。它屏蔽了全部底层细节，让顶层调用很是简单。而且还为不支持WebSocket协议的浏览器，提供了长轮询的透明模拟机制。
● Node的单线程、非阻塞I/O、事件驱动机制，使它很是适合Socket服务器。

5、Socket.IO配置

　　一、服务器端的配置

● 当server建立出来以后，语句
var io = require('socket.io')(server);
可以实例化io对象，此时网址/socket.io/socket.io.js将被默认提供一个静态js文件服务。
● 监听：
io.on("connection",function(socket){
});
● socket对象有emit方法和on方法。emit方法用于发送一个自定义事件，on方法用于监听服务器发送的自定义事件。

　　二、客户端的配置

● HTML页面必须运行在服务器上，不能为本地。
● HTML页面须要引用/socket.io/socket.io.js文件，而后执行io()函数，并获得socket对象。
● socket对象有emit方法和on方法。emit方法用于发送一个自定义事件，on方法用于监听服务器发送的自定义事件。

　   三、express和Socket.IO

●Express框架能够和Socket.IO搭配使用，可是不能像一般的Express程序那样，用app.listen进行监听了，而是采用一种固定的模式：
    var express = require('express'); var app = express(); var http = require('http').Server(app); var io = require('socket.io')(http); http.listen(3000);