首页 > Web开发 > 详细

WebFlux-Server-Sent Event服务器推送事件

时间:2020-09-07 08:51:17      阅读:121      评论:0      收藏:0      [点我收藏+]

SSE:Server-Sent Event服务器推送事件,服务器推送数据。

一、SSE和WebSocket区别。

SSE是单向,WebSocket是双向。

技术分享图片

 

WebSocket场景:聊天工具。 

SSE场景:股票交易市场。

 二、实战

Flux每一秒推送一个数据:

技术分享图片

 

 加上媒体类型

技术分享图片

 

 

技术分享图片

 三、SSE推送数据包含哪些参数

服务器端向客户端推送数据的时候包含哪些参数——ID,Event,Data,Retry。

 

longFlux 每一秒推送一个数据。

serverSentEventFlux: 

技术分享图片

 

 技术分享图片

 

 技术分享图片

 

 

加上参数,id,加上event事件的名称。

技术分享图片

 

 

 

 

 

简单的写法:

技术分享图片

 四、消费者端(前端)如何接收从服务器推送过来的数据

使用组件EventSource接收从服务器端推送过来的数据,主要有几个方法

技术分享图片

 

 1,后端代码加上跨域@CrossOrigin

技术分享图片

 

2,前端代码利用EventSource监听

技术分享图片

 

 技术分享图片

 

 通过监听事件的名称来获取推送过来的数据。

 技术分享图片

 

WebFlux-Server-Sent Event服务器推送事件

原文:https://www.cnblogs.com/starof/p/13624684.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!