node.js中Socket.IO的进阶使用技巧


Posted in Javascript onNovember 04, 2014

在上一篇博文Socket.IO中,我简要介绍了Socket.IO的基本使用方法并创建了一个简单的聊天室DEMO。本篇在入门篇的基础上,继续探讨Socket.IO的进阶用法。本篇将从配置、房间、事件等方面入手,介绍一些Socket.IO中实用的API和注意事项。

1. 配置

Socket.IO提供了4个配置的API:io.configure, io.set, io.enable, io.disable。其中io.set对单项进行设置,io.enable和io.disable用于单项设置布尔型的配置。io.configure可以让你对不同的生产环境(如devlopment,test等等)配置不同的参数。以下定义了development和release两种环境下Socket.IO的不同配置:

var io = require('socket.io').listen(80);
io.configure('development', function(){

    io.enable('browser client etag');

    io.set('log level', 1);

});
io.configure('release', function(){

    io.set('transports', ['websocket']);

});

下面列举一些常用的配置项,具体配置参数参见官方WIKI

1).transports(默认['websocket', 'htmlfile', 'xhr-polling', 'jsonp-polling']):一个包含通信方法类型的数组。Socket.IO支持多种实现在线即时通信的方式,如websocket、polling等等,该配置能让你自行选择备用的通信方式。
2).log level(默认3):日志输出的最低级别,0为error,1为warn,2为info,3为debug,默认即输出所有类型的日志。
3).heartbeat interval(默认25秒):心跳包发送间隔,客户端需要在此时间段之内向服务器发送一个心跳包才能保持通信。

2. 房间

房间是Socket.IO提供的一个非常好用的功能。房间相当于为指定的一些客户端提供了一个命名空间,所有在房间里的广播和通信都不会影响到房间以外的客户端。

在入门篇中,我们知道socket.join('room name')可用于客户端进入房间,socket.leave('room name')用于离开房间。当客户端进入一个房间之后,可以通过以下两种方式在房间里广播消息:

//1. 向my room广播一个事件,提交者会被排除在外(即不会收到消息)

io.sockets.on('connection', function (socket) {

    //注意:和下面对比,这里是从客户端的角度来提交事件

    socket.broadcast.to('my room').emit('event_name', data);

}
//2. 向another room广播一个事件,在此房间所有客户端都会收到消息

//注意:和上面对比,这里是从服务器的角度来提交事件

io.sockets.in('another room').emit('event_name', data);
//向所有客户端广播

io.sockets.emit('event_name', data);

除了向房间广播消息之外,还可以通过以下API来获取房间的信息。

//获取所有房间的信息

//key为房间名,value为房间名对应的socket ID数组

io.sockets.manager.rooms
//获取particular room中的客户端,返回所有在此房间的socket实例

io.sockets.clients('particular room')
//通过socket.id来获取此socket进入的房间信息

io.sockets.manager.roomClients[socket.id]

3. 事件

Socket.IO内置了一些默认事件,我们在设计事件的时候应该避开默认的事件名称,并灵活运用这些默认事件。

服务器端事件:

1).io.sockets.on('connection', function(socket) {}):socket连接成功之后触发,用于初始化
socket.on('message', function(message, callback) {}):客户端通过socket.send来传送消息时触发此事件,message为传输的消息,callback是收到消息后要执行的回调
2).socket.on('anything', function(data) {}):收到任何事件时触发
3).socket.on('disconnect', function() {}):socket失去连接时触发(包括关闭浏览器,主动断开,掉线等任何断开连接的情况)

客户端事件:

1).connect:连接成功
2).connecting:正在连接
3).disconnect:断开连接
4).connect_failed:连接失败
5).error:错误发生,并且无法被其他事件类型所处理
6).message:同服务器端message事件
7).anything:同服务器端anything事件
8).reconnect_failed:重连失败
9).reconnect:成功重连
10).reconnecting:正在重连

在这里要提下客户端socket发起连接时的顺序。当第一次连接时,事件触发顺序为:connecting->connect;当失去连接时,事件触发顺序为:disconnect->reconnecting(可能进行多次)->connecting->reconnect->connect。

4. 授权

1).向所有客户端广播:socket.broadcast.emit('broadcast message');

2).进入一个房间(非常好用!相当于一个命名空间,可以对一个特定的房间广播而不影响在其他房间或不在房间的客户端):socket.join('your room name');

3).向一个房间广播消息(发送者收不到消息):socket.broadcast.to('your room name').emit('broadcast room message');

4).向一个房间广播消息(包括发送者都能收到消息)(这个API属于io.sockets):io.sockets.in('another room name').emit('broadcast room message');

5).强制使用WebSocket通信:(客户端)socket.send('hi'),(服务器)用socket.on('message', function(data){})来接收。

Socket.IO的进阶用法介绍基本就到这里。个人感觉在日常使用的时候这些基本API已经够用了,这也体现了Socket.IO极其简洁易用的设计哲学。本文只是抛砖引玉,当在实际运用中遇到解决不了的问题时,再去查看官方详细的WIKI会比较好。

Javascript 相关文章推荐
用Javascript读取中文COOKIE的解决办法
Feb 15 Javascript
javascript css styleFloat和cssFloat
Mar 15 Javascript
SlideView 图片滑动(扩展/收缩)展示效果
Aug 01 Javascript
js中查找最近的共有祖先元素的实现代码
Dec 30 Javascript
在JavaScript中判断整型的N种方法示例介绍
Jun 18 Javascript
深入探寻seajs的模块化与加载方式
Apr 14 Javascript
ES6中如何使用Set和WeakSet
Mar 10 Javascript
Angularjs 滚动加载更多数据
Mar 17 Javascript
canvas绘制多边形
Feb 24 Javascript
vue-cli3.0+element-ui上传组件el-upload的使用
Dec 03 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
Apr 22 Javascript
vue设置默认首页的操作
Aug 12 Javascript
node.js中的Socket.IO使用实例
Nov 04 #Javascript
Node.js的特点和应用场景介绍
Nov 04 #Javascript
Node.js中的模块机制学习笔记
Nov 04 #Javascript
Node.js异步I/O学习笔记
Nov 04 #Javascript
JavaScript中的ubound函数使用实例
Nov 04 #Javascript
JavaScript实现检查页面上的广告是否被AdBlock屏蔽了的方法
Nov 03 #Javascript
网页中表单按回车就自动提交的问题的解决方案
Nov 03 #Javascript
You might like
php HtmlReplace输入过滤安全函数
2010/07/03 PHP
PHP.ini中配置屏蔽错误信息显示和保存错误日志的例子
2014/05/12 PHP
CI框架无限级分类+递归的实现代码
2016/11/01 PHP
Yii实现复选框批量操作实例代码
2017/03/15 PHP
php 利用socket发送GET,POST请求的实例代码
2020/07/04 PHP
js实现连续英文字符自动换行兼容ie6 ie7和firefox
2013/09/06 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
2015/05/18 Javascript
JSON相关知识汇总
2015/07/03 Javascript
JS实现双击屏幕滚动效果代码
2015/10/28 Javascript
javascript中利用柯里化函数实现bind方法【推荐】
2016/04/29 Javascript
Angular页面间切换及传值的4种方法
2016/11/04 Javascript
jquery.Callbacks的实现详解
2016/11/30 Javascript
纯JS实现轮播图
2017/02/22 Javascript
关于vue.js组件数据流的问题
2017/07/26 Javascript
seajs模块压缩问题与解决方法实例分析
2017/10/10 Javascript
jackson解析json字符串,首字母大写会自动转为小写的方法
2017/12/22 Javascript
在vscode中统一vue编码风格的方法
2018/02/22 Javascript
angular 实现的输入框数字千分位及保留几位小数点功能示例
2018/06/19 Javascript
Vue开发之封装分页组件与使用示例
2019/04/25 Javascript
jQuery模拟html下拉多选框的原生实现方法示例
2019/05/30 jQuery
JS实现动态倒计时功能(天数、时、分、秒)
2019/12/12 Javascript
jQuery实现动态加载瀑布流
2020/09/01 jQuery
使用IPython来操作Docker容器的入门指引
2015/04/08 Python
pymssql数据库操作MSSQL2005实例分析
2015/05/25 Python
python+tkinter实现学生管理系统
2019/08/20 Python
浅析Python面向对象编程
2020/07/10 Python
HTML5实现的震撼3D焦点图动画的示例代码
2019/09/26 HTML / CSS
美国领先的在线旅游网站:Orbitz
2018/11/05 全球购物
产品质量保证书
2014/04/29 职场文书
税务干部群众路线教育实践活动自我剖析材料
2014/09/21 职场文书
涉外离婚协议书怎么写
2014/11/20 职场文书
党员廉洁自律个人总结
2015/02/13 职场文书
个人年终总结怎么写
2015/03/09 职场文书
2015年药店店长工作总结
2015/04/29 职场文书
实施意见格式范本
2015/06/05 职场文书
承诺书怎么写 ?
2019/04/16 职场文书