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

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

一、SSE和WebSocket区别。

SSE是单向,WebSocket是双向。

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

 

WebSocket场景:聊天工具。 

SSE场景:股票交易市场。

 二、实战

Flux每一秒推送一个数据:

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

 

 加上媒体类型

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

 

 

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

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

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

 

longFlux 每一秒推送一个数据。

serverSentEventFlux: 

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

 

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

 

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

 

 

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

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

 

 

 

 

 

简单的写法:

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

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

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

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

 

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

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

 

2,前端代码利用EventSource监听

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

 

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

 

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

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

 

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

上一篇:InetAddress.getLocalHost().getHostAddress() 在macOS里面反应很慢


下一篇:springmvc的ModelMap,前台取值