Server-Sent Events简介

最新推荐文章于 2024-08-26 19:22:44 发布
最新推荐文章于 2024-08-26 19:22:44 发布
阅读量796 收藏 1
点赞数
分类专栏： WEB前端笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq1104844631/article/details/79329484
版权
Server-Sent Events（SSE）是一种实现实时数据更新的技术，与长轮询类似但更高效。它通过保持单向连接，当服务器有新数据时直接推送给客户端。本文介绍了SSE的工作原理，并给出了一个基于Servlet的动态更新时间的基本示例。
摘要由CSDN通过智能技术生成

Server-Sent Events(SSE)用于网页自动获取服务器上更新的数据，它是一个实时性的机制。

实时性获取数据的解决方案

对于某些需要实时更新的数据（例如Facebook/Twitter 更新、估价更新、新的博文、赛事结果等）来说，有这么几种解决方案：

Polling(轮询)

在客户端重复的向服务端发送新请求。如果服务器没有新的数据更动，关闭本次连接。然后客户端在稍等一段时间之后，再次发起新请求，一直重复这样的步骤。

Long-polling(长轮询)

在长轮询中，客户端发送一个请求到服务端。如果服务端没有新的数据更动，那么本次连接将会被保持，直到等待到更新后的数据，返回给客户端并关闭这个连接。

Server-Sent Events

SSE类似于长轮询的机制，但是它在每一次的连接中，不只等待一次数据的更动。客户端发送一个请求到服务端 ，服务端保持这个请求直到一个新的消息准备好，将消息返回至客户端，此时不关闭连接，仍然保持它，供其它消息使用。SSE的一大特色就是重复利用一个连接来处理每一个消息（又称event）。

WebSocket

WebSocket不同于以上的这些技术，因为它提供了一个真正意义上的双向连接。WebSocket是HTML5中非常强大的新特性，已经得到广泛应用。（这里暂时不进行展开）

 

一个基本例子——动态更新时间（基于Servlet）

我们希望在html页面中显示一个动态变化的时间，这里使用Server-Sent Events来实现，在后台获取时间，不断发送给前台。<

最低0.47元/天 解锁文章
踏沙观海fly
关注
专栏目录
Server-Sent Events
liuhao9999的博客
08-02 501
简介 服务器向客户端推送数据，有很多解决方案。除了“轮询” 和 WebSocket，HTML 5 还提供了 Server-Sent Events（以下简称 SSE）。 一般来说，HTTP 协议只能客户端向服务器发起请求，服务器不能主动向客户端推送。但是有一种特殊情况，就是服务器向客户端声明，接下来要发送的是流信息（streaming）。也就是说，发送的不是一次性的数据包，而是一个数据流，会连续不断地发送过来。这时，客户端不会关闭连接，会一直等着服务器发过来的新的数据流。本质上，这种通信就是以流信息的方式，完
server-sent-events
04-28
服务器发送事件应用程序 该项目演示了如何使用“ 来实现实时航班时间表。 该表显示了航班到达的列表，并通过接收来自服务器的通知来更新其状态。 此处提供博客文章和深入的教程： 该项目包含两个应用程序： 一个React应用程序（客户端） Node.js应用程序（服务器） 通过打开命令窗口并在server文件夹中键入以下命令来运行server ： node server.js 通过打开命令窗口并在client文件夹中键入以下命令来运行client ： npm install npm start
Server-Sent Events（HTML5 服务器发送事件）
weixin_30408675的博客
11-10 300
Server-Sent Events简介 Server-Sent Events(SSE)用于网页自动获取服务器上更新的数据，它是一个实时性的机制。 实时性获取数据的解决方案 对于某些需要实时更新的数据（例如Facebook/Twitter 更新、估价更新、新的博文、赛事结果等）来说，有这么几种解决方案： Polling(轮询) 在客户端重复的向服务端发送新请求。如果服务器没有新...
深入浅出计算机网络：什么是SSE
最新发布
Ethan_199402的博客
08-26 687
ChatGPT怎么做到回答时一个一个字的吐到前端界面？
服务端推送技术 Server-sent Events 快速上手
码农小胖哥
08-22 3566
1. 前言 今天项目经理交给我一个开发任务。如果有人下了订单就给后台一个通知，也就是服务器推送功能。这个需求不是很复杂就一个通知功能，如果我用websocket来做还要搞个websocket服务器，而且还有不少配置。websocket是全双工通信，单向通信简直是杀鸡用牛刀。用轮询吧，浪费服务器资源不说，还不一定实时，订单处理慢了岂不是怠慢了客户。有没有别的选择呢？当然有！ 2. SSE推送技术...
server-sent events
weixin_43910086的博客
08-16 2455
触发自定义事件就不会触发message事件。
Server-Sent Events 一种轻量级的Push方式
徐小陌的博客
07-31 2699
Server-Sent Events 一种轻量级的Push方式。
1.SSE、Server-Sent Events实现页面流式数据输出 2.模拟ChatGPT流式输出
01-19
1.SSE、Server-Sent Events实现页面流式数据输出 2.模拟ChatGPT流式输出
浅谈HTML5 服务器推送事件（Server-sent Events）
12-14
服务器推送事件（Server-sent Events）是基于WebSocket 协议的一种服务器向客户端发送事件&数据的单向通讯。目前所有主流浏览器均支持服务器发送事件，当然除了 Internet Explorer 。2333… WebSocket 协议是继HTTP...
SSE（Server-Sent Events）场景和简单实现
Coffee&Code
06-30 1160
提示：这里写一下简单的长连接 数据流，实现实时数据传输，前后端，后端用的 Nodejs,前端vue3+typescript
服务器发送事件Server-sent events详解与示例
风如也的博客
09-04 3868
Server-Sent-Events（SSE）是一种HTML5 API，用于在服务器和客户端之间实时推送数据流。 SSE可以用于实现实时通知、实时聊天、实时数据更新和实时监控等功能。
Server-Sent Events 教程
爱蹦跶的全栈大A阿
01-25 300
服务器向浏览器推送信息，除了WebSocket，还有一种方法：Server-Sent Events（以下简称 SSE）。本文介绍它的用法。​默认情况下，服务器发来的数据，总是触发浏览器实例的message事件。开发者还可以自定义 SSE 事件，这种情况下，发送回来的数据不会触发message事件。}, false);上面代码中，浏览器对 SSE 的foo事件进行监听。如何实现服务器发送foo事件，请看正文
Server-Sent Events（SSE）简单实现实时通信
天问博客-专注于大前端技术
01-23 1605
Server-Sent Events（SSE）是一种基于HTTP的实时通信协议，它允许服务器向客户端推送信息。相比于传统的轮询方式，SSE 提供了更加轻量级和实时的通信机制。在本文中，我们将深入浅出地介绍如何简单实现 Server-Sent Events，以便在你的应用程序中实现实时通信。
server-sent-Event （简称SSE）
qinjinhua_的博客
01-03 678
SSE 的客户端 API 部署在EventSource对象上。下面的代码可以检测浏览器是否支持 SSE。
Server-sent Event 简单介绍
weixin_34004750的博客
01-12 1194
2019独角兽企业重金招聘Python工程师标准>>> ...
sql server无法绑定由多个部分组成的标识符_HTML5服务器推送事件（Server-sent-event）...
weixin_39907133的博客
12-05 374
在前端开发中，实现界面推送的方式，这里大概总结下三种方式轮询（ajax），比较耗费服务器资源。COMET方式（COMET 技术并不是 HTML 5 ）websocket 双向数据推送，灵活，功能强大Server-sent-event(简称SSE)，单项数据推送（Server-sent Events 规范是 HTML 5 规范的一个组成部分）这里我们只讨论SSESSE的本质：严格地说，HTTP协议无...
Web实时通信的学习之旅：SSE（Server-Sent Events）的技术详解及简单示例演示
在这里，我乐于倾囊相授，分享我的技术心得、项目实战经验、技术技巧。希望能够惠及更多的开发者，助力大家在技术的海洋中扬帆远航。
06-25 8096
服务器向浏览器推送信息，除了 WebSocket，还有一种方法：Server-Sent Events（以下简称 SSE）。SSE（Server-Sent Events）是一种用于实现服务器主动向客户端推送数据的技术，也被称为“事件流”（Event Stream）。它基于 HTTP 协议，利用了其长连接特性，在客户端与服务器之间建立一条持久化连接，并通过这条连接实现服务器向客户端的实时数据推送。
Server-Sent Events demo
06-09
以下是一个基本的Server-Sent Events示例： HTML代码： ``` <!DOCTYPE html> <title>Server-Sent Events Demo <meta charset="UTF-8"> <h1>Server-Sent Events Demo if(typeof(EventSource)!==...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值