一、什么是SSE

严格地说，HTTP 协议无法做到服务器主动推送信息。但是，有一种变通方法，就是服务器向客户端声明，接下来要发送的是流信息（streaming）。

也就是说，发送的不是一次性的数据包，而是一个数据流，会连续不断地发送过来。这时，客户端不会关闭连接，会一直等着服务器发过来的新的数据流，视频播放就是这样的例子。本质上，这种通信就是以流信息的方式，完成一次用时很长的下载。

SSE 就是利用这种机制，使用流信息向浏览器推送信息。它基于 HTTP 协议，目前除了 IE/Edge，其他浏览器都支持。

二、如何在java中实现SSE

在Spring Boot项目中，无需额外引入特定的依赖，因为Spring Web MVC模块已经内置了对SSE的支持。

1、编写SSE服务，来进行创建链接和发送消息

package com.smart3dmap.prjpntmanage.service;

import lombok.extern.slf4j.Slf4j;

import org.apache.commons.lang3.StringUtils;

import org.springframework.stereotype.Service;

import org.springframework.web.servlet.mvc.method.annotation.SseEmitter;

import java.io.IOException;

import java.util.Map;

import java.util.concurrent.ConcurrentHashMap;

@Slf4j

@Service

public class SSEService {

    private static final Map<String,SseEmitter> sseEmitterMap = new ConcurrentHashMap<>();

    public SseEmitter crateSse(String uid) {

        SseEmitter sseEmitter = new SseEmitter(0L);

        sseEmitter.onCompletion(() -> {

            log.info("[{}]结束链接" , uid);

            sseEmitterMap.remove(uid);

        });

        sseEmitter.onTimeout(() -> {

            log.info("[{}]链接超时",uid);

        });

        sseEmitter.onError(throwable -> {

            try{

                log.info("[{}]链接异常，{}",uid,throwable.toString());

                sseEmitter.send(SseEmitter.event()

                        .id(uid)

                        .name("发生异常")

                        .data("发生异常请重试")

                        .reconnectTime(3000));

                sseEmitterMap.put(uid,sseEmitter);

            }catch (IOException e){

                e.printStackTrace();

            }

        });

        try{

            sseEmitter.send(SseEmitter.event().reconnectTime(5000));

        }catch (IOException e){

            e.printStackTrace();

        }

        sseEmitterMap.put(uid,sseEmitter);

        log.info("[{}]创建sse连接成功!",uid);

        return sseEmitter;

    }

    public boolean sendMessage(String uid,String messageId,String message){

        if(StringUtils.isEmpty(message)){

            log.info("[{}]参数异常，msg为空",uid);

            return false;

        }

        SseEmitter sseEmitter = sseEmitterMap.get(uid);

        if(sseEmitter == null){

            log.info("[{}]sse连接不存在",uid);

            return  false;

        }

        try{

            sseEmitter.send(SseEmitter.event().id(messageId).reconnectTime(60000).data(message));

            log.info("用户{},消息ID：{}，推送成功：{}",uid,messageId,message);

            return true;

        }catch (IOException e){

            sseEmitterMap.remove(uid);

            log.info("用户{},消息ID：{}，消息推送失败：{}",uid,messageId,message);

            sseEmitter.complete();

            return false;

        }

    }

    public void closeSse(String uid){

        if(sseEmitterMap.containsKey(uid)){

            SseEmitter sseEmitter = sseEmitterMap.get(uid);

            sseEmitter.complete();

            sseEmitterMap.remove(uid);

        }else {

            log.info("用户{}连接已关闭",uid);

        }

    }

}

2、编写对应的Controller来实现具体业务

package com.test.controller;

import cn.hutool.core.util.IdUtil;

import com.test.service.SSEService;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.stereotype.Controller;

import org.springframework.web.bind.annotation.*;

import org.springframework.web.servlet.mvc.method.annotation.SseEmitter;

@Controller

@RequestMapping("test")

public class TestController {

    @Autowired

    private SSEService sseService;

    @GetMapping("createSse")

    @CrossOrigin

    public SseEmitter createSse(String uid)

    {

        return sseService.crateSse(uid);

    }

    @GetMapping("sendMsg")

    @ResponseBody

    @CrossOrigin

    public String sseChat(String uid){

        for (int i = 0; i < 10; i++) {

            sseService.sendMessage(uid,"消息"+i,IdUtil.fastUUID().replace("-",""));

        }

        return "OK";

    }

    @GetMapping("closeSse")

    @CrossOrigin

    public void closeSse(String uid){

        sseService.closeSse(uid);

    }

}

三、前端实现消息的监听

<!doctype html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>SSE消息推送监听</title>

</head>

<body>

    <div id="conMsg"></div>

<script>

    let uid = 1;

    let chat = document.getElementById("conMsg");

    if(window.EventSource){

        var eventSource = new EventSource(`http://127.0.0.1:8090/test/createSse?uid=${uid}`);

        eventSource.onopen = ()=>{

            console.log("链接成功");

        }

        eventSource.onmessage = (ev)=>{

            if(ev.data){

                chat.innerHTML += ev.data+"<br>";

            }

        }

        eventSource.onerror = ()=>{

            console.log("sse链接失败")

        }

    }else{

        alert("当前浏览器不支持sse")

    }

</script>

</body>

</html>

java通过SSE实现消息推送的更多相关文章

  1. java开发微信模板消息推送

    发布时间:2018-12-12   技术:springboot+maven   概述 该demo主要涉及微信模板消息推送功能, 详细 代码下载:http://www.demodashi.com/dem ...

  2. java后端整合极光消息推送

    目录 1.简介 2.极光Demo 2.1.进入极光官网--应用管理 2.2.快速集成一个Android/iOS的SDK​ 2.3.java服务端代码 3.参考资料 1.简介 简单来说,就是androi ...

  3. Spring mvc服务端消息推送（SSE技术）

    SSE技术是基于单工通信模式,只是单纯的客户端向服务端发送请求,服务端不会主动发送给客户端.服务端采取的策略是抓住这个请求不放,等数据更新的时候才返回给客户端,当客户端接收到消息后,再向服务端发送请求 ...

  4. IOS 基于APNS消息推送原理与实现(JAVA后台)

    Push的原理: Push 的工作机制可以简单的概括为下图 图中,Provider是指某个iPhone软件的Push服务器,这篇文章我将使用.net作为Provider. APNS 是Apple Pu ...

  5. Java企业微信开发_05_消息推送之发送消息（主动）

    一.本节要点 1.发送消息与被动回复消息 (1)流程不同:发送消息是第三方服务器主动通知微信服务器向用户发消息.而被动回复消息是 用户发送消息之后,微信服务器将消息传递给 第三方服务器,第三方服务器接 ...

  6. java版Web Socket，实现消息推送

    # web socket是什么? WebSocket协议是基于TCP的一种新的网络协议. 它实现了浏览器与服务器全双工(full-duplex)通信,允许服务器主动发送信息给客户端. ## 用途 实时 ...

  7. SSE(Server-sent events)技术在web端消息推送和实时聊天中的使用

    最近在公司闲着没事研究了几天,终于搞定了SSE从理论到实际应用,中间还是有一些坑的. 1.SSE简介 SSE(Server-sent events)翻译过来为:服务器发送事件.是基于http协议,和W ...

  8. Java Socket聊天室编程(一)之利用socket实现聊天之消息推送

    这篇文章主要介绍了Java Socket聊天室编程(一)之利用socket实现聊天之消息推送的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下 网上已经有很多利用socket实现聊天的例子了 ...

  9. HTML5服务器消息推送（java版）

    前端代码(html5.html): <html> <meta http-equiv="Content-Type" content="text/html; ...

  10. 转：IOS 基于APNS消息推送原理与实现(JAVA后台)

    Push的原理: Push 的工作机制可以简单的概括为下图   图中,Provider是指某个iPhone软件的Push服务器,这篇文章我将使用.net作为Provider. APNS 是Apple ...

随机推荐

  1. vscode 下配置 clang

    需要在workspace的文件夹下添加文件: .clang-format 更多参数说明: https://clang.llvm.org/docs/ClangFormatStyleOptions.htm ...

  2. k8s资源预留

    Kubernetes 的节点可以按照 Capacity 调度.默认情况下 pod 能够使用节点全部可用容量. 这是个问题,因为节点自己通常运行了不少驱动 OS 和 Kubernetes 的系统守护进程 ...

  3. 22.11.13 CCPC 广州站 记录

    上来看A(树上DP),直观认为可做,前后拉着队友研究了两个小时,经过lcx,lgy两次hack正确性,最终基本得到答案思路,因为过于复杂和担心正确性问题不敢写. 反思:1.正式比赛中不应该一开始就将大 ...

  4. 互联工厂数据交换标准：IPC-CFX

    大家好,我是Edison. 全球电子制造主要集中在中国,面向未来工业4.0.中国制造2025的战略转型升级,互联互通是基础.数据是核心,如何从用户角度来定义设备加工数据的内容完整性.有效性.可扩展性将 ...

  5. 工程化Vue使用

    目录 环境准备 Vue项目-创建 Vue项目开发流程 API风格 案例 推荐阅读: VUE-局部使用 环境准备 介绍:create-vue是Vue官方提供的最新的脚手架工具,用于快速生成一个工程化的V ...

  6. 使用 nuxi preview 命令预览 Nuxt 应用

    title: 使用 nuxi preview 命令预览 Nuxt 应用 date: 2024/9/8 updated: 2024/9/8 author: cmdragon excerpt: 摘要:本文 ...

  7. netcore高级知识点，内存对齐，原理与示例

    最近几年一直从事物联网开发,与硬件打交道越来越多,发现越接近底层开发对性能的追求越高,毕竟硬件资源相对上层应用来实在是太缺乏了.今天想和大家一起分享关于C#中的内存对齐,希望通过理解和优化内存对齐,可 ...

  8. tarjan—算法的神（一）

    本篇包含 tarjan 求强连通分量.边双连通分量.割点 部分, tarjan 求点双连通分量.桥(割边)在下一篇. 伟大的 Robert Tarjan 创造了众多被人们所熟知的算法及数据结构,最著名 ...

  9. Angular 18+ 高级教程 – Component 组件 の Angular Component vs Shadow DOM (CSS Isolation & slot)

    前言 要掌握 Angular,最好先掌握原生. 全局 CSS 的问题,还有如何用原生 CSS 来管理全局 CSS,看这篇. 利用 Shadow Dom 来隔离 CSS 看这篇. CSS Global ...

  10. Figma 学习笔记 – Constraints 约束

    用途 Constraints 用于 responsive design, 子元素和父元素建立约束关系后, 当父元素 dimension 变换的时候, 子元素会做出相应的变化 (移动位置或 resize ...