- 当前位置：首页 >IT科技 >原来Spring可以这样推送消息到客户端！
原来Spring可以这样推送消息到客户端！
发布时间：2025-11-04 19:23:22 来源：创站工坊 作者：应用开发
哈喽，原S样推大家好，可客户我是送消了不起。
Spring框架中可以使用SseEmitter实现服务端向客户端推送消息，原S样推今天盘一盘。可客户
SseEmitter简介
SseEmitter是送消Spring Framework中用于服务器发送事件（Server-Sent Events, SSE）的类。SSE是原S样推一种允许服务器主动向客户端推送数据的技术，通常用于实现如实时通知、可客户数据流等功能。送消其工作原理基于HTTP协议，原S样推客户端通过HTTP请求订阅服务器的可客户事件流，服务器则通过SseEmitter对象持续向客户端发送事件。送消
SseEmitter的原S样推核心特性
单向通信：SSE是单向的，只允许服务器向客户端推送数据，可客户客户端不能通过此通道向服务器发送数据。送消基于HTTP：SSE使用标准的HTTP协议，因此不需要额外的协议支持，服务器租用易于实现和使用。自动重连：如果连接中断，客户端浏览器会自动尝试重新连接服务器。事件流格式：SSE使用简单的文本格式传输数据，每条消息以data:开头，并以两个换行符\n\n结束SseEmitter的使用场景
实时数据流：在需要实时数据更新的应用中，如股票交易平台，服务器可以使用SseEmitter向客户端推送最新的股票价格和交易信息。实时通知：适用于需要向用户发送实时通知的场景，例如在线教育平台的新课程发布或作业提交通知。聊天应用：在聊天应用中，SseEmitter可以用来实现实时消息推送，提高消息传递的效率。监控系统：在监控系统中，SseEmitter可以用于实时推送监控数据，如物联网项目中传感器采集的数据，以实时监控设备状态。SseEmitter的基本用法
创建SseEmitter实例：在控制器中创建一个SseEmitter实例，b2b供应网并将其返回给客户端。发送事件：通过SseEmitter实例的send方法向客户端发送事件。处理连接关闭：通过SseEmitter的onCompletion和onTimeout方法处理连接关闭或超时的情况。通过SseEmitter，开发者可以构建出高效、可靠的实时应用，提升用户体验和系统性能。下面我们通过一个简单示例演示下
前端服务
使用Vue CLI创建一个Vue 3项目安装Vue CLI 复制npm install -g @vue/cli1. 创建Vue 3项目 复制vue create my-vue3-app1. 启动服务 复制cd my-vue3-app npm run serve1.2. 创建一个vue文件EventList.vue获取消息，然后进行等待服务端的消息。
复制<template> <div> <h1>Server-Sent Events</h1> <ul> <li v-for="message in messages" :key="message.id">{{ message.content}}</li> </ul> </div> </template> <script setup> import { ref, onMounted, onUnmounted } from vue; import { SseClient } from ./SseClient; const messages = ref([]); const sseClient = new SseClient((event) => { const data = JSON.parse(event.data); messages.value.push(data); }); onMounted(() => { sseClient.connect(); }); onUnmounted(() => { sseClient.disconnect(); }); </script> <style scoped> /* Add your styles here */ </style>1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20.21.22.23.24.25.26.27.28.29.30.31.32.33.创建JS文件SseClient
复制export class SseClient { constructor(onMessage) { this.onMessage = onMessage; this.eventSource = null; } connect() { this.eventSource = new EventSource(http://localhost:8089/events/54321); this.eventSource.onmessage = (event) => { this.onMessage(event); }; this.eventSource.onerror = (error) => { this.disconnect(); }; } disconnect() { if (this.eventSource) { this.eventSource.close(); this.eventSource = null; } } }1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20.21.22.23.然后再Vue项目入口 APP.vue中引入刚才的Vue文件。
后端服务
创建SpringBoot服务
直接写一个简易的Controller，将SseEmitter 缓存起来，可以直接进行消息发送。
复制@Controller public class SseEmitterController { private static Map<String, SseEmitter> sseCache = new ConcurrentHashMap<>(); @CrossOrigin(origins = "*") @GetMapping("/events/{userId}") public SseEmitter stream(@PathVariable String userId) throws IOException { sseCache.put(userId,new SseEmitter(10 * 60 * 1000L)); SseEmitter emitter = sseCache.get(userId); Map<String,String> map = new HashMap<>(); map.put("id", userId); map.put("content", "连接成功"); emitter.send(map); return emitter; } @GetMapping("/sendMessage/{userId}") public String sendMessage(@PathVariable String userId, @RequestParam(name = "message", required = false) String message) throws IOException { SseEmitter emitter = sseCache.get(userId); Map<String,String> map = new HashMap<>(); map.put("id", userId); map.put("content", message); emitter.send(map); return "成功"; } @GetMapping("/close/{userId}") public String close(@PathVariable String userId ) throws IOException { SseEmitter emitter = sseCache.get(userId); emitter.complete(); return "成功"; } }1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20.21.22.23.24.25.26.27.28.29.30.31.32.33.34.35.前后端启动后联调：
初始化连接成功。
图片
再手动发送消息。
图片
客户端接收消息：
图片
以上是一个简易的服务端主动推送消息给客户端的例子。
高防服务器IT技术网香港云服务器IT资讯网亿华云源码库源码下载服务器租用企商汇益华科技极客码头科技前瞻益强编程舍码力社云智核益强数据堂多维IT资讯码上建站益强IT技术网编程之道云站无忧亿华灵动益华IT技术论坛亿华智慧云全栈开发创站工坊亿华互联汇智坊亿华智造IT资讯网益强科技亿华云亿华云计算运维纵横益强编程堂益华科技思维库极客编程益强资讯优选益强智未来亿华科技益强前沿资讯益强智囊团
- Copyright © 2025 Powered by 原来Spring可以这样推送消息到客户端！,创站工坊 滇ICP备2023006006号-44sitemap