SSE实时推送订单状态

SSE

SSE是一种基于HTTP长连接的单向通信技术,只能从服务器到客户端。

特点: 自动重连机制,比Websocket轻量,传输格式text。

后端

创建SSEConntroller,需要时GET方法,与前端进行连接
SseEmitter 是 Spring 封装的 SSE 实现,底层遵循 SSE 协议规范

后端创建SseEmitterService,并封装sendMessage方法,订单变化时调用相应方法。

java 复制代码
emitter
.send(SseEmitter.event()
.id(String.valueOf(System.currentTimeMillis()))
.name(eventName)
.data(data));// SSE格式数据携带消息ID、事件名称和消息

前端

前端需要创建一个SSE全局上下文,包括根节点。

在SSE全局上下文中创建JS原生API EventSource ,创建自定义事件监听器对应上面的eventName事件,eventSource.addEventListener(eventName, ...)收取消息。

EventSource

EventSource使用JS的一个原生API,用来订阅SSE流。

只能使用GET请求,且不能携带header,如果为了通过token校验,可以在URL添加参数token。

每次请求浏览器就会记录消息ID,重连时 ,自动在请求头中添加lastEventId,可以通过这个解决断线时消息未提醒问题

使用场景

  1. 实时数据更新
  2. 消息提醒、内容推送
  3. 状态、进度提醒
相关推荐
风筝在晴天搁浅2 小时前
hot100 78.子集
java·算法
故事和你912 小时前
sdut-Java面向对象-06 继承和多态、抽象类和接口(函数题:10-18题)
java·开发语言·算法·面向对象·基础语法·继承和多态·抽象类和接口
Configure-Handler3 小时前
buildroot System configuration
java·服务器·数据库
:Concerto4 小时前
JavaSE 注解
java·开发语言·sprint
电商API_180079052474 小时前
第三方淘宝商品详情 API 全维度调用指南:从技术对接到生产落地
java·大数据·前端·数据库·人工智能·网络爬虫
一点程序4 小时前
基于SpringBoot的选课调查系统
java·spring boot·后端·选课调查系统
C雨后彩虹4 小时前
计算疫情扩散时间
java·数据结构·算法·华为·面试
2601_949809595 小时前
flutter_for_openharmony家庭相册app实战+我的Tab实现
java·javascript·flutter
vx_BS813305 小时前
【直接可用源码免费送】计算机毕业设计精选项目03574基于Python的网上商城管理系统设计与实现:Java/PHP/Python/C#小程序、单片机、成品+文档源码支持定制
java·python·课程设计
2601_949868365 小时前
Flutter for OpenHarmony 电子合同签署App实战 - 已签合同实现
java·开发语言·flutter