后端代码SseController.java

package com.theorydance.mywebsocket.server;

import java.util.HashMap;

import java.util.Map;

import java.util.UUID;

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

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

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

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

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

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

import lombok.extern.slf4j.Slf4j;

@CrossOrigin

@RestController

@Slf4j

public class SseController {

    private Map<String,SseEmitter> emitterMap = new HashMap<>();

    public SseController() {

        log.info("init sseController");

    }

    @GetMapping("/getData")

    public SseEmitter getData(@RequestParam String id){

        final SseEmitter emitter = new SseEmitter();

        emitter.onCompletion(() -> {

            emitterMap.remove(id);

            log.info("onCompletion");

        });

        emitter.onError(e -> {

            emitterMap.remove(id);

            log.info("onError:" + e.getMessage());

        });

        emitter.onTimeout(() -> {

            emitterMap.remove(id);

            log.info("onTimeout");

        });

        try {

            emitterMap.put(id,emitter);

        }catch (Exception e){

            emitter.completeWithError(e);

        }

        return emitter;

    }

    @GetMapping("/payback")

    public String payback(@RequestParam String id){

        SseEmitter emitter = emitterMap.get(id);

        String res = "推送失败，已关闭";

        if(emitter != null){

            try {

                String uuid = UUID.randomUUID().toString();

                SseEventBuilder builder = SseEmitter.event().data(uuid);

                emitter.send(builder);

                res = "ok";

            } catch (Exception e) {

                e.printStackTrace();

            }

        }

        return res;

    }

}

前端代码：

<body>

<script>

/**

 * H5 EventSource 实现web页面推送功能demo

 */

var serverData,statusDiv;

var SERVER_URL = "http://localhost:8080/demo/getData?id=11";  //servers Url Adress

window.onload = function(){

    startlistenServer();

}

function startlistenServer(){

    var es = new EventSource(SERVER_URL);

    //es.addEventListener("newDate",newDateHandler);

    es.onopen =openHandler;

    es.onerror = errorHandler;

    es.onmessage = messageHandler;

}

function openHandler(e){

    console.log('openHandler');

}

function errorHandler(e){

    console.log('errorHandler');

}

function messageHandler(e){

    console.log(e.data);

}

function newDateHandler(e){

    serverData.innerHTML = e.data;

}

</script>

</body>

后面贴一个图，我自己的总结，如果发现什么不对的描述，请留言

SseEmitter推送的更多相关文章

  1. 服务器端实时推送技术之SseEmitter的用法

    这是SpringMVC提供的一种技术,可以实现服务端向客户端实时推送数据.用法非常简单,只需要在Controller提供一个接口,创建并返回SseEmitter对象,发送数据可以在另一个接口调用其se ...

  2. 我有 7种 实现web实时消息推送的方案，7种！

    技术交流,公众号:程序员小富 大家好,我是小富- 我有一个朋友- 做了一个小破站,现在要实现一个站内信web消息推送的功能,对,就是下图这个小红点,一个很常用的功能. 不过他还没想好用什么方式做,这里 ...

  3. 在Openfire上弄一个简单的推送系统

    推送系统 说是推送系统有点大,其实就是一个消息广播功能吧.作用其实也就是由服务端接收到消息然后推送到订阅的客户端. 思路 对于推送最关键的是服务端向客户端发送数据,客户端向服务端订阅自己想要的消息.这 ...

  4. iOS---iOS10适配iOS当前所有系统的远程推送

    一.iOS推送通知简介 众所周知苹果的推送通知从iOS3开始出现, 每一年都会更新一些新的用法. 譬如iOS7出现的Silent remote notifications(远程静默推送), iOS8出 ...

  5. SignalR快速入门 ~ 仿QQ即时聊天，消息推送，单聊，群聊，多群公聊（基础=》提升）

     SignalR快速入门 ~ 仿QQ即时聊天,消息推送,单聊,群聊,多群公聊(基础=>提升,5个Demo贯彻全篇,感兴趣的玩才是真的学) 官方demo:http://www.asp.net/si ...

  6. SignalR SelfHost实时消息,集成到web中，实现服务器消息推送

    先前用过两次SignalR,但是中途有段时间没弄了,今天重新弄,发现已经忘得差不多了,做个笔记! 首先创建一个控制台项目Nuget添加引用联机搜索:Microsoft.AspNet.SignalR.S ...

  7. 【原创分享·微信支付】C# MVC 微信支付之微信模板消息推送

    微信支付之微信模板消息推送                    今天我要跟大家分享的是“模板消息”的推送,这玩意呢,你说用途嘛,那还是真真的牛逼呐.原因在哪?就是因为它是依赖微信生存的呀,所以他能不 ...

  8. Android 几种消息推送方案总结

    转载请注明出处:http://www.cnblogs.com/Joanna-Yan/p/6241354.html 首先看一张国内Top500 Android应用中它们用到的第三方推送以及所占数量: 现 ...

  9. 基于SignalR的消息推送与二维码描登录实现

    1 概要说明 使用微信扫描登录相信大家都不会陌生吧,二维码与手机结合产生了不同应用场景,基于二维码的应用更是比较广泛.为了满足ios.android客户端与web短信平台的结合,特开发了基于Singl ...

随机推荐

  1. UNP——第二章，TCP握手与挥手分析

    1.握手 说明: 下面涉及 FIN,SYN,ACK之类数据时,都是由TCP服务收发, 涉及 accept, listen 之类api,都是 应用进程 完成. 都统一使用 客户端,服务端描述,请自行分辨 ...

  2. Elasticsearch 第八篇：数据类型 Array、Nested、Object 的设计与应用

    h2.post_title { background-color: rgba(43, 102, 149, 1); color: rgba(255, 255, 255, 1); font-size: 1 ...

  3. FreeMark导出word文件

    1.编辑好word 2.将word模板另存为xml格式, 把需要动态生成的文字用${xxx}代替 eg: 张强 替换为:${name} 注意:图片是很长的一个base64的字符,同样替换就好 比如替换 ...

  4. python + selenium 搭建环境步骤

    介绍在windows下,selenium python的安装以及配置.1.首先要下载必要的安装工具. 下载python,我安装的python3.0版本,根据你自己的需要安装 下载setuptools ...

  5. [PHP安全特性学习]is_numeric()函数安全漏洞

    简介 PHP函数的安全特性-is_numerice() 函数 简介 PHP is_numeric() 函数 is_numeric() 函数用于检测变量是否为数字或数字字符串. 语法: bool is_ ...

  6. bWAPP----HTML Injection - Reflected (POST)

    bWAPP--low--HTML Injection - Reflected (POST) 只不过是把传递方式换成post, 防护的三个级别和内容与GET相同 1 function htmli($da ...

  7. Guitar Pro小课堂之弹唱和弦转换小技巧

    吉他相对其他乐器的便携性,还有其便于弹唱的特点,受到了很多音乐萌新们的喜爱.对于刚刚接触吉他的萌新来说,学琴初期弹唱的时候经常会因为和弦卡顿的转换,和因为食指力度不够或技巧不对无法顺利演奏的大横按,导 ...

  8. 仅需几步，EasyRecovery就能恢复RAID数据

    RAID是什么?RAID是具有冗余能力的磁盘阵列,简单的来说就是把相同的数据存储在多个硬盘的不同的地方. 在了解了RAID之后就会知道,RAID中的数据也是有可能丢失的,虽然RAID数据丢失会引发一系 ...

  9. JSX中写 switch case 进行判断

    场景:根据后端返回的数据进行多条件渲染,三元表达式已不能满足条件. 代码: <span> {(() => { switch (record.generalRuleInfos[0]?. ...

  10. mysql 优化数据类型

    1.更小的通常更好 选择不会超过范围的最小类型 2.简单就好 例如,整型比字符操作代价更低,因为字符集和校对规则(排序规则)使字符比较比整形比较更复杂. 3.尽量避免null 如果查询中包含可为nul ...