HTML5之webSocket使用

websocket是什么

websocket是html5新出的一种协议，底层是基于tcp/ip协议的。跟http没有关系，只是复用了http握手通道，用来升级协议。

websocket的作用

轮询：客户端以一定的时间间隔向服务端发出请求，以频繁请求的方式来保持客户端和服务器端的同步。缺点：

浏览器需要不断的向服务器发出请求，然而http请求可能包含较长的头部，其中真正有效的数据可能只是很小的一部分，显然这样会浪费很多的带宽等资源。

长轮询：浏览器向服务器发送请求，服务器将请求保持打开一段时间。如果在该时间段内收到通知，则将包含该消息的响应发送到客户端。如果在设定的时间段内未收到通知，则服务器发送响应以终止打开的请求。缺点：

当具有较高的消息量时，长轮询不会提供比传统轮询更大的性能改进服务器端会阻塞请求直到有数据传递或超时才返回

使用websocket浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。
优点：

能更好的节省服务器资源和带宽支持双向通信，实时性更强可以发送文本，也可以发送二进制数据

websocket的使用

服务端：

var app = require('express')();var websocket = require('ws');var wss = new websocket.rver({ port: 8080 });wss.征文通知on('connection', function connection(ws) {    ws.on('message', function incoming(message) {        console.log(message);    });    ws彻夜不眠.nd('the content from rver');});app.listen(3000,() => {    温州大学全国排名console.log('you are listening port 3000');});

客户端：

    var ws = new websocket('ws://localhost:8080');    ws.onopen = function () {        ws.nd('人民的名义网盘下载the request from client');    };    ws.onmessage = function (e) {        console.log('from rver: ' + e.data);    };

websocket应用场景

社交初中物理实验聊天、弹幕、多玩家游戏、协同编辑、股票基金实时报价、体育实况更新、视频会议/聊天、基于位置的应用、在线教育、智能家居等需要高实时的场景

参考资料：websocket：5分钟从入门到精通