`
hongtoushizi
  • 浏览: 376771 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

Socket.IO进阶

 
阅读更多

转载自:  http://raytaylorlin.com/Tech/web/Node.js/socket-io-advanced

 

Socket.IO进阶

2013-12-10

在上一篇博文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

  • transports(默认['websocket', 'htmlfile', 'xhr-polling', 'jsonp-polling']):一个包含通信方法类型的数组。Socket.IO支持多种实现在线即时通信的方式,如websocket、polling等等,该配置能让你自行选择备用的通信方式。
  • log level(默认3):日志输出的最低级别,0为error,1为warn,2为info,3为debug,默认即输出所有类型的日志。
  • 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内置了一些默认事件,我们在设计事件的时候应该避开默认的事件名称,并灵活运用这些默认事件。

服务器端事件:

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

客户端事件:

  • connect:连接成功
  • connecting:正在连接
  • disconnect:断开连接
  • connect_failed:连接失败
  • error:错误发生,并且无法被其他事件类型所处理
  • message:同服务器端message事件
  • anything:同服务器端anything事件
  • reconnect_failed:重连失败
  • reconnect:成功重连
  • reconnecting:正在重连

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

4. 授权

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

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

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

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

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

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

参考文献:Socket.IO官方WIKI

所属目录: Tech -> web -> Node.js

 

/

分享到:
评论

相关推荐

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

    本篇在入门篇的基础上,继续探讨Socket.IO的进阶用法。本篇将从配置、房间、事件等方面入手,介绍一些Socket.IO中实用的API和注意事项。 1. 配置 Socket.IO提供了4个配置的API:io.configure, io.set, io.enable, io...

    基于 Vite + TS + Socket.io 构建的聊天室.zip

    本文将详细讲解如何使用Vite、TypeScript(TS)以及Socket.io构建一个实时聊天室应用。这个项目名为“gadget-chatroom-main”,它是一个结合了现代前端开发工具和技术的实战案例,特别适合学习Vue.js框架的进阶用法...

    Node-Drift-Car:一个Node.js + socket.io多人2D竞赛游戏

    《Node.js + Socket.IO构建的多人2D竞赛游戏——Node-Drift-Car深度解析》 在当前数字化娱乐盛行的时代,多人在线游戏已经成为了一个热门领域。Node-Drift-Car项目,作为一个基于Node.js和Socket.IO开发的多人2D...

    chat-socket-io:使用Socket.IO的基本聊天

    【标题】:“chat-socket-io:使用Socket.IO的基本聊天” Socket.IO是一个实时应用程序框架,它在客户端和服务器之间提供实时、双向通信。这个项目“chat-socket-io”旨在展示如何利用Socket.IO创建一个简单的聊天...

    chat-application:socket.io教程中的聊天应用程序

    **JavaScript实时通信技术——Socket.IO** 在Web开发中,实现实时通信是许多应用程序的核心需求,例如在线聊天、协作工具和游戏等。JavaScript作为前端的主要编程语言,提供了多种实现实时通信的技术,其中Socket....

    chatroom:nodejs express socket.io 聊天室

    在本文中,我们将深入探讨如何使用Node.js、Express框架以及Socket.IO来构建一个实时的在线聊天室。Node.js是一个基于Chrome V8引擎的JavaScript运行环境,它允许开发者使用JavaScript进行服务器端编程。Express是...

    NodeJSChatApp:使用socket.io的非常简单的聊天应用程序

    NodeJSChatApp是一个基于Node.js和Socket.io技术...通过学习和实践NodeJSChatApp,开发者不仅可以掌握Node.js的基础知识,还可以深入理解如何利用Socket.io构建实时通信应用,这对于进阶Web开发技能是非常有价值的。

    node.chat:使用 node.js 和 socket.io 的简单聊天应用程序

    **Node.js与Socket.IO简介** Node.js是一款基于Chrome V8引擎的JavaScript运行环境,它让JavaScript可以在服务器端执行,极大地拓宽了JavaScript的应用领域。通过非阻塞I/O和事件驱动模型,Node.js能够处理大量的...

    nodejs + socket.io 多人在线聊天、聊天机器人系统

    【适用人群】:适用于希望学习不同技术领域的初学者或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】:项目具有较高的学习借鉴价值,也可直接拿来修改复刻。对于有一定基础...

    操作系统课程设计,基于vue+socket.io的即时通讯应用.zip

    2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载使用,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。...

    基于Node.js+socket.io+express做的简单的web在线聊天例子-WebTalk.zip

    适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究...

    基于 React + Koa + MySQL + JWT + Socket.io 的即时通讯聊天室。.zip

    适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究...

    基于springBoot + netty-socket.io + mongodb 的即时聊天后台+源代码+文档说明

    2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。...

    大数据可视化基于 koa ,mysql,mogongdb,socket.io 进行开发,整合系统配置(用户,角色,菜.zip

    适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究...

    基于vue-cli 3.0 搭建的动态可视化配置大屏,socket.io 实时推送。更多组件支持选择.zip

    适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究...

    sockets_example_setup:Sockets.io示例设置和说明

    <script src="https://cdn.socket.io/4.4.1/socket.io.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"> ``` 或者,如果你使用Webpack: ```bash npm install ...

    2018Web全栈架构师精品课程

    10.NodeJS使用MySQL、socket.io入门 11.websocket原理 12.Ajax2.0-FormData和Cors 13.upload和FileReade 14.HTML5特性 15.Css3基础 16.HTML5移动端基础 17.touch事件基础 18.touch多点触摸事件 19.iscroll.js、...

    英文版清晰有目录pdf版本的 Building Scalable Apps with Redis and Node.js

    本书不仅介绍了如何使用Node.js和Redis构建应用程序的基础和高级功能,还提供了一些进阶主题的探讨,比如如何使用Redis作为Socket.IO的存储后端,这有助于提升大规模应用的性能和可扩展性。作者对于如何将这些技术与...

    Java语言程序设计.进阶篇.原书第10版

    5. **网络编程**:Java提供了丰富的Socket编程API,可以创建基于TCP和UDP的网络应用程序。书中会介绍如何建立客户端和服务器之间的连接,进行数据传输。 6. **IO与NIO**:Java的IO流系统用于处理输入和输出,包括...

Global site tag (gtag.js) - Google Analytics