文章 2025-05-31 来自:开发者社区

Web端实时通信技术SSE在携程机票业务中的实践应用

本文由携程前端开发专家Chris Xia分享,关注新技术革新和研发效率提升。 1、引言 本文介绍了携程机票前端基于Server-Sent Events(SSE)实现服务端推送的企业级全链路通用技术解决方案。文章深入探讨了 SSE 技术在应用过程中包括方案对比、技术选型、链路层优化以及实际效果等多维度的技术细节,为类似使用场景提供普适性参考和借鉴。该方案设计目标是实现通用性,适用于...

Web端实时通信技术SSE在携程机票业务中的实践应用
文章 2024-10-22 来自:开发者社区

Web实时通信的学习之旅:轮询、WebSocket、SSE的区别以及优缺点

一、通信机制 一个网页获取新的数据通常需要发送一个请求到服务器,也就是向服务器请求的页面。使用服务器发送事件,服务器可以随时向我们的 Web 页面推送数据和信息。这些被推送进来的信息可以在这个页面上以 事件 + 数据 的形式来处理。 1、轮询 顾名思义,轮询就是在某个时间间隔内定期向服务器发送请求。其中轮询有分为短轮询和长轮询。这是一种客户端主动请求的方式。 1....

Web实时通信的学习之旅:轮询、WebSocket、SSE的区别以及优缺点
文章 2024-10-22 来自:开发者社区

Web实时通信的学习之旅:SSE(Server-Sent Events)的技术详解及简单示例演示

一、什么是SSE 服务器向浏览器推送信息,除了 WebSocket,还有一种方法:Server-Sent Events(以下简称 SSE)。 SSE(Server-Sent Events)是一种用于实现服务器主动向客户端推送数据的技术,也被称为“事件流”(Event Stream)。它基于 HTTP 协议,利用了其长连接特性,在客户端与服务器之间建立一条持久化连接,并通...

文章 2023-05-25 来自:开发者社区

「Web应用架构」轮询,SSE 和WebSocket,如何选择合适的?

构建实时Web应用程序有点挑战,我们需要考虑如何将数据从服务器发送到客户端。能够“主动”实现这一功能的技术已经存在了很长时间,并且仅限于两种通用方法:客户端请求或服务器请求。实现这些的几种方法:长/短轮询(客户端拉动)WebSockets(服务器推送)服务器发送的事件(服务器推送)客户端拉取-客户端以一定的定期间隔向服务器请求更新服务器推送-服务器正在主动将更新推送到客户端(客户端拉取的反向操作....

「Web应用架构」轮询,SSE 和WebSocket,如何选择合适的?
文章 2022-06-13 来自:开发者社区

【SpringBoot WEB 系列】SSE 服务器发送事件详解

SSE 全称Server Sent Event,直译一下就是服务器发送事件,一般的项目开发中,用到的机会不多,可能很多小伙伴不太清楚这个东西,到底是干啥的,有啥用本文主要知识点如下:SSE 扫盲,应用场景分析借助异步请求实现 sse 功能,加深概念理解使用SseEmitter实现一个简单的推送示例I. SSE 扫盲对于 sse 基础概念比较清楚的可以跳过本节1. 概念介绍sse(Server S....

【SpringBoot WEB 系列】SSE 服务器发送事件详解
文章 2022-06-13 来自:开发者社区

H5 新增内容大全(包括Web Workers、SSE、WebSocket的详细使用代码)

目录前言canvas和内联SVG本地存储 localStorage与sessionStoragerequestAnimationFrame媒体标签 video和audio内容拖放地理位置获取新的语义化标签新的input类型新的表单元素新的表单属性应用程序缓存Web WorkersServer-Sent Events(nodejs案例)WebSocket(nodejs案例)前言H5内容之前一直没抽....

H5 新增内容大全(包括Web Workers、SSE、WebSocket的详细使用代码)

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

产品推荐

{"cardStyle":"productCardStyle","productCode":"aliyun","productCardInfo":{"productTitle":"高效防护 web 应用","productDescription":"随着网络技术的不断发展,您的Web应用如果没有流量入口的防护,会面临诸多风险。本方案以ECS实例接入WAF为例,推荐您使用Web应用防火墙(WAF)开启应用防护,避免网站服务器被恶意入侵导致性能异常等问题,保障网站的业务安全和数据安全。同时,为您节约开发成本,满足行业合规要求。","productContentLink":"https://www.aliyun.com/solution/tech-solution/web-protection","isDisplayProductIcon":true,"productButton1":{"productButtonText":"方案详情","productButtonLink":"https://www.aliyun.com/solution/tech-solution/web-protection"},"productButton2":{"productButtonText":"一键部署","productButtonLink":"https://help.aliyun.com/document_detail/2714251.html"},"productButton3":{"productButtonText":"查看更多技术解决方案","productButtonLink":"https://www.aliyun.com/solution/tech-solution/"},"productPromotionInfoBlock":[{"$id":"0","productPromotionGroupingTitle":"解决方案推荐","productPromotionInfoFirstText":"云防火墙企业多账号统一管理","productPromotionInfoFirstLink":"https://www.aliyun.com/solution/tech-solution/umomaicf","productPromotionInfoSecondText":"从 HTTP 到 HTTPS 让网站更安全","productPromotionInfoSecondLink":"https://www.aliyun.com/solution/tech-solution/ssl"}],"isOfficialLogo":false},"activityCardInfo":{"activityTitle":"","activityDescription":"","cardContentBackgroundMode":"LightMode","activityContentBackgroundImageLink":"","activityCardBottomInfoSelect":"activityPromotionInfoBlock","activityPromotionInfoBlock":[]}}

阿里UC研发效能

分享研发效能领域相关优秀实践,技术分享,产品信息

+关注