当前位置: 首页 > news >正文

web应用从服务器主动推动数据到客户端的方式

html5 websocket

全双工交互
全双工通信:建立持久连接,服务端和客户端可随时互相发送消息
低延迟:适合实时应用(聊天、游戏、股票行情等)
socket协议是与HTTP协议平级的,websocket协议是建立在TCP协议之上的,默认端口是80和443,与HTTP协议兼容,可通过HTTP协议的升级机制来建立websocket连接

  • 工作原理:
    握手,客户端和服务器通过HTTP协议交换信息,以确认彼此支持websocket协议。
    握手成功后,就可在同一个TCP连接上进行数据的双向传输

支持文本和二进制数据的传输
没有同源限制,允许客户端与任何服务器通信,断线检测
new WebSocket(‘wss://example.om/scoket’).onMessage = (event) => { … }

websocket通过flash

HTTP长轮询(Long Polling)

最大兼容性
客户端发送请求,服务端保持连接直到有数据可发送,收到响应后,客户端立即发起新请求

优点:异步请求,客户端易实现错误处理系统和超时管理。实时性较好,能支持大量用户,断线检测

缺点:需服务器端有特殊功能临时挂起连接,但具有一定风险且失去了无状态高并发特点

HTTP流(HTTP streaming)

保持单个HTTP连接开发,服务器端通过同一连接持续发送数据,使用Transfer-Encoding:Chunked

不可见的iframe

不推荐
使用iframe加载一个隐藏网页,利用浏览器一边加载,一边解析执行返回的HTML,通过分次返回script标签来实现消息推送。创建长连接,但服务器开销大,且IE、chrome等浏览器会一直处于loading状态

优点:每次数据传送不会关闭连接,连接只会在通信出现错误时,或连接重建时关闭,断线检查,实时

可跨域

Server-Sent Event(SSE)

简单实时更新
单向通信:服务端向客户端推送,一次请求,N次推送
基于HTTP:比websocket更简单,自动重连

  • 工作原理
    服务器向客户端发送一个持久的连接,可以不断的向客户端发送数据。客户端可实时推送数据到前端,断线检测

支持自定义事件:服务器可发送带自定义事件类型的数据,客户端通过addEventListener监听这这些事件
支持文本数据:默认支持文本数据,如需二进制数据,要编码
兼容性较好,适用于实时通知,实时监控,实时数据展示等
new EventSource(‘/update’).onMessage = (event) => { … }
服务器端设置HTTP响应头,content-type:text/event-stream

短轮询

每个一段时间发起一个请求到后端询问是否有新信息,性能浪费较高

web worker

允许js在后台线程中运行脚本的技术,避免阻塞主线程。运行在与主页分离的环境中,不能直接操作DOM或访问window对象中某些方法和属性。
可用于实现实时通信,如聊天应用中的消息推送

http://www.lryc.cn/news/605574.html

相关文章:

  • 【运维基础】Linux 进程调度管理
  • 函数在头文件声明函数,为啥要加extern关键字?
  • c++:模板的应用
  • 在幸狐RV1106板子上用gcc14.2本地编译安装samba-4.22.3服务器,并且支持XP系统访问共享文件夹
  • js防抖、节流和扁平化实现
  • UI测试平台TestComplete如何实现从Git到Jenkins的持续测试
  • 零基础构建MCP服务器:TypeScript/Python双语言实战指南
  • 软考中级-信息安全工程师-每日一学(1)
  • Mockito:Java单元测试Mock框架
  • Effective C++ 条款13:以对象管理资源
  • 防火墙安全实验
  • 使用python写一套完整的智能体小程序
  • 推客小程序商业模型设计:合规分佣体系×盈利模式×LTV提升策略
  • FFmpegHandler 功能解析,C语言程序化设计与C++面向对象设计的核心差异
  • 打车小程序 app 系统架构分析
  • Mac 系统下安装 nvm
  • 旧物重生,交易有温度——旧物回收二手交易小程序,让生活更美好
  • 直播小程序 app 系统架构分析
  • 相亲小程序安全与隐私系统模块搭建
  • 计算机网络:什么是光猫
  • C语言与C++、Java、Python等主流编程语言存在显著差异
  • 医保购药APP源码开发新趋势:对接电子处方与互联网医院
  • SpringMVC核心原理与实战指南
  • 汇编语言中的溢出(Overflow)与下溢(Underflow)
  • TransportClient详细说一说
  • 【CanMV K230】通解教程
  • Java高级用法之回调函数
  • Odoo:免费开源的医疗器械行业解决方案
  • 网安学习NO.20
  • Java实习面试记录