WebSocket学习笔记(一)

WebSocket简介

WebSocket是HTML5的新功能，支持htlm5的浏览器同时支持在页面发起socket通讯。这意味着开发web聊天工具和在线多人协作应用开发将变得非常简单，而不需要再依赖轮询这种低效率的方法。

WebSocket的使用框架

搭建服务端（Nodejs）

1. 模组引入

   var http = require('http').Server(app);
   var io = require('socket.io')(http);

2. 对连接的监听

   io.on('connection',function(socket){
       ...
       //对事件的监听转发//
       .
       .
       .
        //对事件的监听转发//
       ...
   } 

3. 对事件的监听转发

   socket.on('event_name',function(msgObj){
   ...
   io.emit('event_name',msgObj);
   ...
   })

4. 对端口的监听

   http.listen(port_num,function(){}

页面端

1. 引用socket.io.js(注意目录下同时要包含socket.io.map文件)

2. 建立Socekt连接,保存socket对象

   socket = io.connect('ws://127.0.0.1:3421');

3. 建立socekt监听和发送socket消息

   • 发送消息

        socket.emit("event_name",msgObj);

   • 监听事件

        socket.on("event_name",function(msgObj){
        ...        
        }    

参考资料

使用Node.js+Socket.IO搭建WebSocket实时应用
认识HTML5的WebSocket

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!