SpringBoot2.1.X 服务端推送（四）

最新推荐文章于 2023-06-22 12:20:50 发布

凌冰_

最新推荐文章于 2023-06-22 12:20:50 发布

阅读量258

点赞数

分类专栏： Spring Boot

本文链接：https://blog.csdn.net/hlx20080808/article/details/101371476

版权

Spring Boot 专栏收录该内容

62 篇文章 2 订阅

订阅专栏

服务端常用推送技术介绍，如websocket，sse轮询等

        1、客户端轮询:ajax定时拉取 

        2、服务端主动推送:WebSocket  (实时)
            全双工的，本质上是一个额外的tcp连接，建立和关闭时握手使用http协议，其他数据传输不使用http协议
            更加复杂一些，适用于需要进行复杂双向数据通讯的场景

        3、服务端主动推送:SSE (Server Send Event)
            html5新标准，用来从服务端实时推送数据到浏览器端，
            直接建立在当前http连接上，本质上是保持一个http长连接，轻量协议
            简单的服务器数据推送的场景，使用服务器推送事件    
            学习资料：http://www.w3school.com.cn/html5/html_5_serversentevents.asp

服务端主动推送SSE (只是推送页面)

package net.hlx.myspringboot.webflux_demo.controller;

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

@RestController
@RequestMapping("/sse/my")
public class SSEController {

    @RequestMapping(value = "/test", produces = "text/event-stream;charset=UTF-8")
    public String push() {
    	  
          try {
              Thread.sleep(1000); 
              //第三方数据源调用
          } catch (InterruptedException e) {
              e.printStackTrace();
          }

          return "data:股票行情" + Math.random() + "\n\n";
    }
}

html页面

<script type="text/javascript">  
//需要判断浏览器支不支持，可以去w3c进行查看

var source = new EventSource('sse/my/test');
//监听
source.onmessage = function (event) {
  console.info(event.data);  //控制台显示
    // 显示在页面
  document.getElementById('result').innerText = event.data
};

</script>  
</head>

<body>
模拟股票行情
    <div>测试服务端主动推送SSE</div>
    <div id="result"></div>  
</body>


</html>