源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

socket.io学习教程之基础介绍(一)

  • 时间:2020-04-17 04:37 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:socket.io学习教程之基础介绍(一)
[b]前言 [/b] Web端与服务器间的实时数据传输的是一个很重要的需求,但最早只能通过AJAX轮询询实现。在WebSocket标准没有推出之前,AJAX轮询是唯一可行的方式(通过Flash浏览器也可以,但这里不做讨论)。AJAX轮询原理是设置定时器,定时通过AJAX同步服务器数据。这种方式存在延时且对服务端造成很大负载。直到2011年,IETF才标准化WebSocket——一种基于TCP套接字进行收发数据的协议。现如今主流浏览器均已支持WebSocket。 [img]http://files.jb51.net/file_images/article/201704/2017429164507330.png?2017329164515[/img] socket.io将数据传输部分独立出来形成了[url=https://github.com/socketio/engine.io]engine.io[/url] ,  engine.io对WebSocket和AJAX轮询进行封装,形成一套API,屏蔽了细节差异和兼容性问题,实现了跨浏览器/跨设备进行双向数据。 socket.io对engine.io不是必须的,你也可以实现自己的engine.io,通过[code]server.bind[/code]绑定 [b]应用[/b] [list] [*]实时数据分析展示(报表,日志)[/*] [*]即时通讯、聊天,[/*] [*]二进制流(图片,音乐,视频)传输[/*] [*]多人协同编辑[/*] [*]即时消息推送 [/*] [/list] [b]类似技术[/b] [list] [*]AJAX轮询: 基于XMLHttpRequest的AJAX轮询[/*] [*]AJAX长轮询: 类似轮询,服务器在客户端请求后不返回响应,直到有数据需要传到客户端,传完数据后客户端再发起新的请求。缺点是要额外传输的HTTP头,保持住请求不响应也需要一些额外工作。[/*] [*]HTTP流: 与AJAX长轮询类似,服务端响应会带上HTTP头: [code]Transfer-Encoding: chunked[/code],返回完数据到客户端后客户端也不需要发起新的请求,缺点是各个chunk之间的数据难以识别和处理。[/*] [*]插件: 类似Flash,Silverlight, 作为插件越来越被主流浏览器和用户排斥 [/*] [/list] 下面就不同角度对各技术进行分析 [list] [*]单向/双向[/*] [*]单向: AJAX轮询,AJAX长轮询,HTTP流[/*] [*]双向: WebSocket, 插件[/*] [*]延时 [/*] [/list] WebSocket < 插件 < HTTP流 < AJAX长轮询 < AJAX轮询 1、效率 插件 > WebSocket > HTTP流 > AJAX长轮询 > AJAX轮询 1、移动端支持 WebSocket: 基本均支持 HTTP流,AJAX长轮询,AJAX轮询: 基本均支持 插件: 基本不支持 1、开发或设置难易程度 WebSocket < AJAX轮询 < 插件 < AJAX长轮询,HTTP流 [b]总结[/b] socket.io封装了WebSocket,不支持WebSocket的情况还提供了降级AJAX轮询,功能完备,设计优雅,是开发实时双向通讯的不二手段。 好了,以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对编程素材网的支持。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部