服务器向浏览器主动发送信息的方式之SSE和Websocket

最新推荐文章于 2025-10-30 13:40:16 发布
原创 最新推荐文章于 2025-10-30 13:40:16 发布 · 3.4k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了B/S架构下实时通信的问题，并介绍了两种解决方案：Server-Send Event（SSE）与WebSocket。SSE允许服务器主动推送数据到客户端，但只支持单向通信。WebSocket则实现了客户端与服务器之间的全双工通信，适用于需要频繁双向交互的应用。

传统的B/S架构编程中，只有客户端（即网页）向后端发送请求，然后接收后端发来的数据，这种方式对于需要实时更新的页面是一个很大的问题。
最初，解决这一问题的办法是ajax轮询或者长ajax连接的方式，但是在服务器端没有数据变动的时候，无疑加大了服务器的负担。
新的解决办法有两个，一个是SSE（Server-SendEvent ）但是这种方法的缺点是，半双工的连接，即和传统的方式相反，只能由服务器主动发送，客户端被动接收，且目前Edge和IE均没有对其提供支持。
另一个很重要的技术是WebSocket，这是Html5引进的新协议，一旦建立Websocket连接，客户端和服务器之间是全双工的通讯，即两者地位等同，目前各大浏览器均提供了对Websocket的支持，但是缺点是相比SSE开发方式复杂。

一篇撸清 Http,SSE 与 WebSocket
oscar999的专栏
05-04 793
特性HTTPWebSocket通信模式请求-响应（客户端主动发起）单向推送（仅服务器到客户端）全双工（客户端与服务器双向通信）协议基础基于 HTTP基于 HTTP 长连接独立协议（握手阶段依赖 HTTP）连接类型短连接（默认）或长连接（HTTP/1.1）长连接（持久性）长连接（持久性）数据格式任意格式（文本、二进制等）仅文本（UTF-8）文本和二进制延迟高（依赖轮询或长轮询）低（服务器主动推送）极低（双向即时通信）自动重连不支持支持（内置重连机制）
【项目实战】四种实时web通信技术（HTTP轮询，服务器发送事件SSE，WebSocket，Webhooks）
本本本添哥
08-21 623
HTTP轮询: 客户端定期向服务器发送请求以获取更新。服务器发送事件(SSE): 服务器向客户端推送数据的一种简单方法。WebSocket: 提供全双工通信通道的持久连接。Webhooks: 服务器向第三方应用发送数据的一种机制。websocket是一个双向通讯的协议，他的优点是，可以同时支持客户端和服务端彼此相互进行通讯。功能上很强大。缺点也很明显，websocket是一个新的协议，ws/wss。也就是说，支持http协议的浏览器不一定支持ws协议。
SSE 和 Websocket 的比较
weixin_42560424的博客
07-13 9099
本文详细解析了SSE和WebSocket这两种实现实时通信的技术。SSE是一种基于HTTP的单向通信机制，适用于实时更新数据的应用场景。WebSocket是一种全双工通信协议，支持双向通信，适用于实时互动的应用场景。它们在通信模型、连接性、实时性、浏览器支持和API复杂性等方面存在一些区别。选择SSE还是WebSocket取决于您的应用需求。如果您只需要服务器向客户端推送数据，并且实时性要求不高，SSE是一个简单可行的选择。
WebSocket 和SSE的区别以及优缺点
weixin_43867229的博客
03-19 4365
WebSocket 和 Server-Sent Events（SSE）都是用于：WebSocket 是全双工的，这意味着服务器和客户端可以同时发送和接收消息。而 SSE 是单向的，只允许服务器发送消息到客户端。：WebSocket 可以发送任何类型的数据，包括文本和二进制数据。而 SSE 只能发送文本数据。：WebSocket 连接一旦建立，就会保持打开状态，直到客户端或服务器主动关闭它。而 SSE 连接在每次消息发送完毕后都会被关闭，然后客户端需要重新连接。
python ‘‘‘ ‘‘‘的用法
最新发布
滴水石穿
10-30 328
Python中''' '''是三引号字符串定界符，用于定义多行字符串，功能与""" """相同。主要用途包括：1）编写跨行字符串保留换行格式；2）作为函数/类的文档字符串(docstring)；3）嵌套包含单/双引号的字符串避免转义。注意事项：会保留所有格式空格，单独使用时可作为多行注释的替代方案。选择单/双三引号取决于代码风格或嵌套需求。
服务端实时推送技术之SSE（Server-Send Events）
热门推荐
持之以恒
04-28 4万+
服务端推送，也称为消息推送或通知推送，是一种允许应用服务器主动将信息发送到客户端的能力，为客户端提供了实时的信息更新和通知，增强了用户体验。
SSE与WebSocket
weixin_34239169的博客
09-12 470
　　Ajax是一种从页面向服务器请求数据的技术，Comet则是一种服务器向页面推送数据的技术，它能够让信息近乎实时地被推送到页面上。 　　有两种实现Comet的方式：长轮询和流。 　　长轮询是浏览器定时向服务器发送请求，然后服务器一直保持连接打开，直到有数据可发送。发送完数据后，浏览器关闭连接，随即发起一个新的请求。 　　短轮询与长轮询的区别是，服务器接收到请求后，是否立即发送响应。短轮...
【HTML5】WebSocket和SSE
前端-后端学习之路
11-29 9424
Comet&SSE有两种实现 Comet 的方式：长轮询和流。 简单介绍一下短轮询和长轮询、流 短轮询：请求，立刻响应。 长轮询：等待有消息的时候相应。-流不同于上述两种轮询，因为它在页面的整个生命周期内只 使用一个HTTP 连接SSE（Server-Sent Events，服务器发送事件）是围绕只读Comet 交互推出的API 或者模式。 SSE API允许网页获
HTML5基础教程（二十）服务器发送事件(SSE)：HTML5 SSE，服务器向浏览器发起的“单相思”协议
jxf_jxfcsdn的博客
09-07 736
SSE（Server-Sent Events）是HTML5中一种常常被低估的技术，它允许服务器异步地向客户端推送数据，无需客户端频繁发起请求。这对于需要实时更新的应用来说，就像是服务器开启了对浏览器的“单相思”模式。与WebSocket不同，SSE建立在单纯的HTTP协议之上，不需要复杂的协议握手或额外的协议开销，使得它在某些场景下更加简单实用。
使用WebSocket向浏览器推送消息
m0_48967002的博客
11-24 1512
跟SSE是目前主流的服务器主动向客户端推送消息的方案。
调试|谷歌浏览器调试长连接|调试SSE和websocket
你个无聊小demo的博客
08-05 884
长连接需求不常有，控制台调试的细节容易忘，在这截图备忘。本文会记录SSE、websocket协议接口、一般的接口（http协议接口） 在谷歌浏览器控制台的对比
server向浏览器发送信息-SseEmitter使用
dzhou1991的博客
11-26 965
SseEmitter 是 Spring 框架中的一个类，用于支持服务器发送事件（Server-Sent Events, SSE）。SSE 是一种允许服务器主动向客户端推送实时更新的技术，通常用于需要实时数据更新的应用场景，如股票行情、社交媒体通知等。在 Spring 中，SseEmitter 提供了一种简单的方式来实现 SSE。通过 SseEmitter，服务器可以在一个长连接中不断地向客户端发送事件，而客户端则可以通过 JavaScript 的 EventSource 对象来接收这些事件SseEmitte
SSE和WebSocket
anyview93的博客
11-29 1455
SSE和WebSocket SSE SSE：server send event。服务端发送事件，指服务端主动给客户端推送消息（单向） 服务端代码： package com.example.demo.sse; import org.springframework.http.MediaType; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.CrossOrigin
webSocket & SSE
code1Boy的博客
02-25 829
一、通讯方式 1.单工通讯 消息只能单方向传输的工作方式。 2.半双工通讯 可以实现双向的通信，但不能双向同时进行传输，必须轮流交替地进行传输。 3.双工通讯 同一时刻可以进行双向传输。 二、实现web实时通讯有很多，如下： 1.常轮询 由浏览器发送一个请求，服务端接收请求后，再没有新数据时先将请求阻塞，直到...
服务器向页面推送信息,服务器向页面推送消息
weixin_31423211的博客
08-09 254
服务器向页面推送消息 内容精选换一换MRS联合消息通知服务(SMN)，采用主题订阅模型，提供一对多的消息订阅以及通知功能，能够实现一站式集成多种推送通知方式(短信和邮件通知)。在MRS管理控制台，按照集群维度，在集群信息页面的告警页签中能够提供选择是否使能通知服务，只有对应集群开关开启以后，才能实现以下场景的功能：在用户订阅了通知服务之后，当集群出现扩容成功/失败、缩容成功物联网平台具有重推机制，...
消息推送技术（sse、websocket）
码农之路，向死而生
10-18 6795
消息推送-ajax长短轮循、sse技术、websocket技术
即时通信SSE和WebSocket对比
weixin_55010563的博客
04-18 557
适用场景 服务器向客户端推送实时数据（如股票行情、新闻） 双向交互场景（如聊天、游戏、协同编辑）通信方向 单向（服务器 → 客户端） 全双工（服务器 ↔ 客户端）连接状态管理 简单（HTTP状态码控制） 复杂（需处理多种帧类型）协议基础 基于HTTP 独立协议（ws:// 或 wss://）连接开销 较高（HTTP头重复传输） 低（连接后无额外开销）适合连接数 适合中低并发（数千连接） 适合高并发（数万连接）支持事件类型（event字段）和重试时间（retry字段）即时通信SSE和WebSocket对比。
SSE技术和WebSocket技术实现即时通讯
weixin_43599321的博客
08-06 6064
服务器发送事件SSE（Server-Sent Events）是一种基于HTTP的单向通信机制，用于实现服务器主动向客户端推送数据的技术，也被称为“事件流它基于HTTP协议，利用其长链接的特性，在客户端与服务器之间建立一条持久化连接，并通过这条连接实现服务器向客户端实时数据推送。WebSocket 是一种在单个 TCP 连接上进行全双工通信的网络协议。它是 HTML5 中的一种新特性，能够实现 Web 应用程序和服务器之间的实时通信，比如在线聊天、游戏、数据可视化等。
WebSocket 与 SSE 的对比：服务器推送技术的进化
AI天才研究院
12-29 1354
1.背景介绍 WebSocket 和 SSE 都是服务器推送技术，它们在现代网络应用中发挥着重要作用。WebSocket 是一种基于 TCP 的协议，它允许客户端和服务器全双工地传输数据，而 SSE 是一种基于 HTTP 的服务器推送技术，它允许服务器向客户端推送数据。在本文中，我们将对比 WebSocket 和 SSE，探讨它们的优缺点以及在不同场景下的应用。 1.1 WebSocket 简...
Java封装SSE实现服务器向浏览器单向通信的案例研究
然而，SSE的局限性也很明显，它不支持客户端主动向服务器发送消息，且在连接中断后需要重新建立连接。此外，对于大规模、高频率的数据推送，SSE可能会受到HTTP头部信息大小的限制。 7. 实际应用中的案例分析：在...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值