socket.io学习教程之基础介绍（一）

站长资源 2024/11/27 佚名

68 1538 68

DDR爱好者之家 Design By 杰米

前言

Web端与服务器间的实时数据传输的是一个很重要的需求，但最早只能通过AJAX轮询询实现。在WebSocket标准没有推出之前，AJAX轮询是唯一可行的方式(通过Flash浏览器也可以，但这里不做讨论)。AJAX轮询原理是设置定时器，定时通过AJAX同步服务器数据。这种方式存在延时且对服务端造成很大负载。直到2011年，IETF才标准化WebSocket——一种基于TCP套接字进行收发数据的协议。现如今主流浏览器均已支持WebSocket。

socket.io将数据传输部分独立出来形成了engine.io , engine.io对WebSocket和AJAX轮询进行封装,形成一套API,屏蔽了细节差异和兼容性问题,实现了跨浏览器/跨设备进行双向数据。

socket.io对engine.io不是必须的，你也可以实现自己的engine.io，通过server.bind绑定

应用

实时数据分析展示(报表，日志)
即时通讯、聊天，
二进制流(图片，音乐，视频)传输
多人协同编辑
即时消息推送

类似技术

AJAX轮询: 基于XMLHttpRequest的AJAX轮询
AJAX长轮询: 类似轮询，服务器在客户端请求后不返回响应，直到有数据需要传到客户端，传完数据后客户端再发起新的请求。缺点是要额外传输的HTTP头，保持住请求不响应也需要一些额外工作。
HTTP流: 与AJAX长轮询类似，服务端响应会带上HTTP头: Transfer-Encoding: chunked，返回完数据到客户端后客户端也不需要发起新的请求，缺点是各个chunk之间的数据难以识别和处理。
插件: 类似Flash,Silverlight, 作为插件越来越被主流浏览器和用户排斥

下面就不同角度对各技术进行分析

单向/双向
单向: AJAX轮询，AJAX长轮询，HTTP流
双向: WebSocket, 插件
延时

WebSocket < 插件 < HTTP流 < AJAX长轮询 < AJAX轮询

1、效率

插件 > WebSocket > HTTP流 > AJAX长轮询 > AJAX轮询

1、移动端支持

WebSocket: 基本均支持

HTTP流,AJAX长轮询,AJAX轮询: 基本均支持

插件: 基本不支持

1、开发或设置难易程度

WebSocket < AJAX轮询 < 插件 < AJAX长轮询，HTTP流

总结

socket.io封装了WebSocket,不支持WebSocket的情况还提供了降级AJAX轮询,功能完备，设计优雅，是开发实时双向通讯的不二手段。

好了，以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

socket.io介绍,socket.io,socket.io教程

DDR爱好者之家 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！

DDR爱好者之家 Design By 杰米

评论“socket.io学习教程之基础介绍（一）”

暂无评论...

socket.io学习教程之基础介绍（一）

socket.io学习教程之基本应用（二）

Vue.js实现一个SPA登录页面的过程【推荐】

评论“socket.io学习教程之基础介绍（一）”

更新日志

友情链接