8.Nodejs⼊门-----webSocket和Socket.IO框架
web Socket和Socket.IO框架
HTTP⽆法轻松实现实时应⽤：
● HTTP协议是⽆状态的，服务器只会响应来⾃客户端的请求，但是它与客户端之间不具备持续连接。
● 我们可以⾮常轻松的捕获浏览器上发⽣的事件（⽐如⽤户点击了盒⼦），这个事件可以轻松产⽣与服务器的数据交互（⽐如Ajax）。但是，反过来却是不可能的：服务器端发⽣了⼀个事件，服务器⽆法将这个事件的信息实时主动通知它的客户端。只有在客户端查询服务器的当前状态的时候，所发⽣事件的信息才会从服务器传递到客户端。
但是，确实聊天室确实存在。
⽅法：
● 长轮询：客户端每隔很短的时间，都会对服务器发出请求，查看是否有新的消息，只要轮询速度⾜够快，例如1秒，就能给⼈造成交互是实时进⾏的印象。这种做法是⽆奈之举，实际上对服务器、客户端双⽅都造成了⼤量的性能浪费。
● 长连接：客户端只请求⼀次，但是服务器会将连接保持，不会返回结果（想象⼀下我们没有写d()时，浏览器⼀直转⼩菊花）。服务器有了新数据，就将数据发回来，⼜有了新数据，就将数据发回来，⽽⼀直保持挂起状态。这种做法的也造成了⼤量的性能浪费。
WebSocket协议能够让浏览器和服务器全双⼯实时通信，互相的，服务器也能主动通知客户端了。
● WebSocket的原理⾮常的简单：利⽤HTTP请求产⽣握⼿，HTTP头部中含有WebSocket协议的请求，所以握⼿之后，⼆者转⽤TCP协议进⾏交流（QQ的协议）。现在的浏览器和服务器之间，就是QQ和QQ服务器的关系了。
所以WebSocket协议，需要浏览器⽀持，更需要服务器⽀持。
● ⽀持WebSocket协议的浏览器有：Chrome 4、⽕狐4、IE10、Safari5
● ⽀持WebSocket协议的服务器有：Node 0、Apach7.0.2、Nginx1.3
Node.js上需要写⼀些程序，来处理TCP请求。
● Node.js从诞⽣之⽇起，就⽀持WebSocket协议。不过，从底层⼀步⼀步搭建⼀个Socket服务器很费劲（想象⼀下Node写⼀个静态⽂件服务都那么费劲）。所以，有⼤神帮我们写了⼀个库Socket.IO。
● Socket.IO是业界良⼼，新⼿福⾳。它屏蔽了所有底层细节，让顶层调⽤⾮常简单。并且还为不⽀持WebSocket协议的浏览器，提供了长轮询的透明模拟机制。
● Node的单线程、⾮阻塞I/O、事件驱动机制，使它⾮常适合Socket服务器。
⽹址：
先要npm下载这个库
1 npm install socket.io
写原⽣的JS，搭建⼀个服务器，server创建好之后，创建⼀个io对象
1 var http = require("http");
2
3 var server = ateServer(function(req,res){
4 d("你好");
5 });
6
7 var io = require('socket.io')(server);
//监听连接事件
<("connection",function(socket){
console.log("1个客户端连接了");
})
8
9 server.listen(3000,"127.0.0.1");
写完这句话之后，你就会发现，127.0.0.1:3000/socket.io/socket.io.js 就是⼀个js⽂件的地址了。现在需要制作⼀个index页⾯，这个页⾯中，必须引⽤秘密js⽂件。调⽤io函数，取得socket对象。
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Document</title>
6 </head>
7 <body>
8 <h1>我是index页⾯，我引⽤了秘密script⽂件</h1>
9 <script type="text/javascript" src="/socket.io/socket.io.js"></script>
10 <script type="text/javascript">
11 var socket = io();
12 </script>
13 </body>
14 </html>
此时，在服务器上，app.js中就要书写静态⽂件呈递程序，能够呈递静态页⾯。
1 var server = ateServer(function(req,res){
2 if(req.url == "/"){
3 //显⽰⾸页
4 fs.readFile("./index.html",function(err,data){
5 d(data);
6 });
7 }
8 });
⾄此，服务器和客户端都有socket对象了。服务器的socket对象：
服务器端的：
1 var io = require('socket.io')(server);
2 //监听连接事件
3 io.on("connection",function(socket){
4 console.log("1个客户端连接了");
5 ("tiwen",function(msg){
6 console.log("本服务器得到了⼀个提问" + msg);
7 it("huida","吃了");
8 });
9 });
每⼀个连接上来的⽤户，都有⼀个socket。 由于我们的emit语句，是it()发出的，所以指的是向这个客户端发出语句。⼴播，就是给所有当前连接的⽤户发送信息：
1 //创建⼀个io对象
2 var io = require('socket.io')(server);
3 //监听连接事件
前端websocket怎么用4 io.on("connection",function(socket){
5 console.log("1个客户端连接了");
6 ("tiwen",function(msg){
7 console.log("本服务器得到了⼀个提问" + msg);
8 io.emit("huida","吃了");
9 });
10 });
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论