SpringMVC使用SSE向浏览器推送数据

一、SSE 的本质

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

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

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

三、集成

SpringMVC内置SseEmitter类内置了一些方法,方便我们使用SSE(Server Sent Event)向浏览器推送数据。

1.sse机制不同于传统的“请求-响应”模型,在前端必须使用EventSource对象请求我们的接口,创建一个连接,

var source = new EventSource('url');

withCredentials:表示是否一起发送 Cookie。

var source = new EventSource(url, { withCredentials: true });

2.然后监听服务端发送过来的事件。

下图中监听的为服务端通过我们上面创建的连接发送过来的message(默认)事件,服务端也可以自定义发送的事件。

source.addEventListener('message', function (e) {

            //do something
});

除了我们上面所说的事件,还有open和error事件

source.addEventListener('open', function (e) {
            //do something
}, false);

source.addEventListener('error', function (e) {
    if (e.readyState == EventSource.CLOSED) {
         //do something
    } else {
         //do something
    }
}, false);
  • 相当于常量EventSource.CONNECTING,表示连接还未建立,或者断线正在重连。
  • 相当于常量EventSource.OPEN,表示连接已经建立,可以接受数据。
  • 相当于常量EventSource.CLOSED,表示连接已断,且不会重连。

3.服务端需要创建一个SseEmitter对象,然后使用改对象发送数据

@ResponseBody
@RequestMapping(value = "url", method = RequestMethod.GET, produces = {"text/event-stream;charset=UTF-8"})
public SseEmitter getUnitAreaInfoSSE(HttpServletRequest request, HttpServletResponse response){

   	SseEmitter event = new SseEmitter();
   	
       try {
       	
       		// 添加一些额外配置
           event.send(SseEmitter.event().reconnectTime(10000L).id("123"));
 
           Thread thread2 = new Thread(new ThreadDemo2(event, userDao));
           
           thread2.start();
           
           return event;
           
		} catch (IOException e) {
			
			System.out.println(e.toString());
		}
       
       return event;
   }

创建对象的时候可以自定义重新创建连接的时间。

然后启动一个新的线程去发送数据(目前只想到了这种方法,如果有其他方法欢迎留言)。

class ThreadDemo2 implements Runnable {
	
	private SseEmitter event;
	
	public ThreadDemo2(SseEmitter event, UserDao userDao) {
		this.event = event;
	}
	 
    @Override
    public void run() {

    	while(true) {

       		try {
       			
       			Thread.sleep(2000);
       			System.out.println("数据推送--------" + "服务器端数据");
				event.send(SseEmitter.event().data("服务器端数据"));
			} catch (IOException | InterruptedException e) {
				System.out.println(e.toString());
			}
       	}
    }
     
}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章