SSE 服务器推送

简介: SSE 服务器推送

服务器推送在某些场景下是非常重要且不可或缺的部分,比如看 NBA 总决赛的时候,各种比赛数据的实时更新等,而著名的 WebSocket 协议就可以很简单的实现服务器推送,当然我要讲的并不是 WebSocket ,而是 server-sent event ( SSE )。



SSE



Server-sent event ( 简称 SSE ),顾名思义,服务器推送事件,在 web 的 HTML5 标准中已经得到实现。


SSE 本质上仍然是使用 HTTP( 包括后文均指 1.1 版 )协议,其本身并没有跳出 HTTP 协议内容的规范, HTTP 协议其实是无法做到服务器主动推送的,那么 SSE 又是如何实现的呢?


当我们点击某个视频进行观看,这时就相当于客户端发起一个 HTTP 请求,而视频服务器接受到请求之后进行响应,并将视频通过 stream 的形式源源不断的发送给客户端,其实这就是我们看视频的时候不断增长的进度条,为什么这样做,因为响应的文件太大,无法直接完成传输,所以就以 stream 流的形式进行。


而 SSE 其实与上面的场景类似,在响应上做文章,仍然由客户端发起请求,但是服务器接受到请求后保持此连接,一次一次慢慢的推送消息,这就形成了我们看到的服务器推送。



SSE 兼容性一览




通过上图我们可以看到 SSE 在 PC 和移动端都是支持的,至于 IE 这个老大难,大家都懂的。



实战



1、先准备一个我们的服务器端,每秒钟推送数据:


很简单是不是,重点关注下红色框中的部分,保持连接、使用事件流的形式、不使用缓存,每秒钟推送一下当前的时间等,注释我都写了,你肯定可以看懂。



2、再写个前端页面负责展示:

代码很简单,打印下服务器推送的数据,看我的注释你就明白了。



3、最终的效果:



结语



SSE 实现服务器推送更加轻量、实现更简单,某些时候是一种不错的选择。

目录
相关文章
|
数据采集 中间件 API
基于ASGI的SSE服务器及其数据采集方法
基于ASGI的SSE服务器及其数据采集方法
456 0
基于ASGI的SSE服务器及其数据采集方法
|
存储 自然语言处理 前端开发
初探 Watermill 构建 Golang 事件驱动程序,SSE 进行 HTTP 服务器推送
初探 Watermill 构建 Golang 事件驱动程序,SSE 进行 HTTP 服务器推送
692 0
初探 Watermill 构建 Golang 事件驱动程序,SSE 进行 HTTP 服务器推送
|
XML 移动开发 前端开发
【SpringBoot WEB 系列】SSE 服务器发送事件详解
SSE 全称Server Sent Event,直译一下就是服务器发送事件,一般的项目开发中,用到的机会不多,可能很多小伙伴不太清楚这个东西,到底是干啥的,有啥用
1835 0
【SpringBoot WEB 系列】SSE 服务器发送事件详解
|
Web App开发 移动开发 前端开发
SSE技术详解:一种全新的HTML5服务器推送事件技术
前言 一般来说,Web端即时通讯技术因受限于浏览器的设计限制,一直以来实现起来并不容易,主流的Web端即时通讯方案大致有4种:传统Ajax短轮询、Comet技术、WebSocket技术、SSE(Server-sent Events)。
1627 0
|
4天前
|
存储 弹性计算 Linux
阿里云账号注册、完成实名认证、试用云服务器和购买云服务器流程参考
本文为大家介绍新手用户从注册阿里云账号,完成实名认证,然后试用云服务器和购买云服务器的主要流程,适合初次购买和试用阿里云服务器的新手用户参考。
阿里云账号注册、完成实名认证、试用云服务器和购买云服务器流程参考
|
1天前
|
存储 弹性计算 安全
阿里云服务器怎么样?云服务器ECS产品优势、应用场景、价格解析及常见问题参考
阿里云服务器ECS(Elastic Compute Service)是阿里云提供的性能卓越、稳定可靠、弹性扩展的IaaS(Infrastructure as a Service)级别云计算服务。把物理服务器比作买的房子,云服务器ECS,就是租赁的房子,阿里云云服务商就是管家。云服务商负责搭建机房、提供配套服务和维护,用户只需要付租金,即可“拎包入住”,无需自建机房、采购和配置硬件设施。如果不再需要云服务器,可随时“退租”(释放资源),节省成本。本文为大家解析云服务器ECS产品优势、应用场景和最新价格及常见问题。
阿里云服务器怎么样?云服务器ECS产品优势、应用场景、价格解析及常见问题参考
|
1天前
|
弹性计算
阿里云ECS的使用心得
本文主要讲述了我是如何了解到ECS,使用ECS的一些经验,以及自己的感悟心得
|
2天前
|
弹性计算
阿里云ECS的使用心得
本文主要讲述了我是如何了解到ECS,使用ECS的一些经验,以及自己的感悟心得
|
6天前
|
弹性计算
阿里云ECS使用体验
在申请高校学生免费体验阿里云ECS云服务器后的一些使用体验和感受。