WebSocket是HTML5开始提供的一种欣赏器与处事器间举办全双工通讯的网络技能。
现许多网站为了实现即时通讯，所用的技能都是轮询(polling)。轮询是在特定的的时距离断（如每1秒），由欣赏器对处事器发出HTTP请求，然后由处事器返回最新的数据给客服端的欣赏器，这种方法有一个很大的漏洞，就是会占用许多的带宽。
最新的轮询结果是Comet – 用了AJAX。但这种技能固然可到达全双工通信，但依然需要发出请求。
利用WebSocket，欣赏器和处事器只需要要做一个握手的行动，然后，欣赏器和处事器之间就形成了一条快速通道，两者之间就直接可以数据相互传送。并且它为我们实现即时处事带来了两大长处：
节减资源：相互相同的Header是很小的-或许只有 2 Bytes。
推送信息：不需要客户端请求，处事器可以主动传送数据给客户端。
Socket.IO是一个WebSocket库，包罗了客户端的js和处事器端的nodejs，它的方针是构建可以在差异欣赏器和移动设备上利用的及时应用。
socket.io的特点
易用性：socket.io封装了处事端和客户端，利用起来很是简朴利便。
跨平台：socket.io支持跨平台，这就意味着你有了更多的选择，可以在本身喜欢的平台下开拓及时应用。
自适应：它会自动按照欣赏器从WebSocket、AJAX长轮询、Iframe流等等各类方法中选择最佳的方法来实现网络及时应用，很是利便和人性化，并且支持的欣赏器最低达IE5.5。
WebSocket 安装陈设npm install socket.io
处事监听socket.io的处事端启动很是的简朴，引用socket.io模块。
var io = require('socket.io');
然后挪用listen函数，传入监听的端标语，开始处事监听。启用了80端口用于测试：
var io = require('socket.io')(80);
注册事件
io.on('connection', function (socket) { socket.on('disconnect', function () { }) })
connection事件在客户端乐成毗连随处事端时触发，有了这个事件，我们可以随时把握用户毗连随处事端的信息。
当客户端乐成成立毗连时，在connection事件的回调函数中，我们照旧可觉得socket注册一些常用的事件,如：disconnect事件，它在客户端毗连断开是触发，这时候我就知道用户已经分开了。
WebSocket 启动处事今朝为止，我们已经搭建好了一个最简朴的socket处事器，为了在欣赏器中可以或许会见到我们的处事，我们还需要在处事端搭建一个简朴的web处事器，让欣赏器可以或许会见我们的客户端页面。
为了便捷，我们选用node.js中常用的express框架来实现web处事，示譬喻下：
var express = require('express'); var app = express(); app.get('https://www.jb51.net/', function (req, res) { res.status(200).send('乐成毗连！') }); var server = require('http').createServer(app); var io = require('socket.io')(server); io.on('connection', function (socket) { }); server.listen(80);
WebSocket 客户端引用处事端构建完毕，下面看一看客户端应该如何利用。
处事端运行后会在根目次动态生成socket.io的客户端js文件，客户端可以通过牢靠路径/socket.io/socket.io.js添加引用。
首先添加网页index.html,并在网页中引用客户端js文件：
<script src="https://cdn.bootcss.com/socket.io/2.0.2/socket.io.js"></script>
WebSocket 毗连处事当客户端乐成加载socket.io客户端文件后会获取到一个全局工具io，我们将通过io.connect函数来向处事端提倡毗连请求。
var socket = io.connect('https://www.jb51.net/'); socket.on('connect',function(){ //毗连乐成 }); socket.on('disconnect',function(data){ //毗连断开 });
connect函数可以接管一个url参数，url可以socket处事的http完整地点，也可以是相对路径，假如省略则暗示默认毗连当前路径。与处事端雷同，客户端也需要注册相应的事件来捕捉信息，差异的是客户端毗连乐成的事件是connect。
相识了客户端如何利用，下面我们建设网页index.html，并添加如下内容(生存):
<html> <head> <script src="https://cdn.bootcss.com/socket.io/2.0.2/socket.io.js"></script> <script> window.onload = function(){ var socket = io.connect('https://www.jb51.net/'); socket.on('connect',function(){ document.write('毗连乐成!'); }); }; </script> </head> <body> </body> </html>
页面添加完毕还要记得在处事端app.js中为它添加路由，让我们可以会见测试网页：
app.get('/index',function(req,res){ res.sendFile('index.html',{root:__dirname}); });
WebSocket 及时通讯处事端和客户端都构建完毕了，下面开始发送动静。
当我们乐成成立毗连后，我们可以通过socket工具的send函数来相互发送动静，示例-客户端向处事端发送动静(index.html)：