05点睛Spring MVC 4.1-服务器端推送

5.1 服务器端推送

• SSE(server send event)是一种服务器端向浏览器推送消息的技术,而不是我们常规的浏览器像server请求然后响应;
• 当我们需要使用server向浏览器主动推送数据的时候,请考虑使用该项技术,而不是考虑具有双向通讯功能的websocket;
• 以前我们用ajax轮询server也能实现,服务器负担大;
• sse原理是向server请求一次后,server会挂住请求不放(此时浏览器里请求状态是pending),等有数据后才返回给浏览器,然后再发起下一次请求,以此类推;
• 所有主流浏览器均支持服务器发送事件，除了 Internet Explorer(6,7,8,9);

5.2 示例

• 服务器推送控制器

package com.wisely.web;

import java.util.Random;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class SSEController {
    //注意produces="text/event-stream"
    @RequestMapping(value="/push",produces="text/event-stream")
    public @ResponseBody String push(){
         Random r = new Random();
         try {
                 Thread.sleep(5000);
         } catch (InterruptedException e) {
                 e.printStackTrace();
         }
         return "data:Testing 1,2,3" + r.nextInt() +"\n\n";
    }
}

• 页面代码

<div id="msg_from_server"></div>
<script type="text/javascript" src="<c:url value="/js/jquery.js" />"></script>
<script type="text/javascript">
if (!!window.EventSource) {
       var source = new EventSource('push'); //为http://localhost:8080/testSpringMVC/push
       s='';
       source.addEventListener('message', function(e) {

           s+=e.data+"<br/>"
           $("#msg_from_server").html(s);

       });

       source.addEventListener('open', function(e) {
            console.log("连接打开.");
       }, false);

       source.addEventListener('error', function(e) {
            if (e.readyState == EventSource.CLOSED) {
               console.log("连接关闭");
            } else {
                console.log(e.readyState);    
            }
       }, false);
    } else {
            console.log("没有sse");
    }
</script>

• 效果

 

 

新书推荐《JavaEE开发的颠覆者: Spring Boot实战》，涵盖Spring 4.x、Spring MVC 4.x、Spring Boot企业开发实战。

 

京东地址：http://item.jd.com/11894632.html

当当地址：http://product.dangdang.com/23926195.html

亚马逊地址：http://www.amazon.cn/图书/dp/B01D5ZBFUK/ref=zg_bsnr_663834051_6 

淘宝地址:https://item.taobao.com/item.htm?id=528426235744&ns=1&abbucket=8#detail

 

 

 

或自己在京东、淘宝、亚马逊、当当、互动出版社搜索自选。

 

评论

6 楼 beauty9235 2016-05-15  

这样真有效率吗？我看到后台一直不停的push,如果有海量用户，不会挂掉？

测试code
[https://github.com/tomlxq/gs-spring-boot/tree/master/initial][/https://github.com/tomlxq/gs-spring-boot/tree/master/initial]

5 楼 www88485400 2015-11-28  

使用了 configureContentNegotiation 后 推送服务就无法运行了，不知道这个该如何解决

4 楼 wiselyman 2015-06-07  

Miny-k 写道

           s+=e.data+"<br/>"
           $("#msg_from_server").html(s);
页面提示   s+= ·····后面少了  “;” 不知道是不是对的··
另外，文章很不错！一直用的4.1的jar包开发3.2的程序，这下真是太好了！受益颇多

javascript不写；是可以，为了良好编程习惯还是要写，这个是我写漏了

3 楼 Miny-k 2015-06-06  

           s+=e.data+"<br/>"
           $("#msg_from_server").html(s);
页面提示   s+= ·····后面少了  “;” 不知道是不是对的··
另外，文章很不错！一直用的4.1的jar包开发3.2的程序，这下真是太好了！受益颇多

2 楼 wiselyman 2015-05-27  

semmy 写道

这跟长连接有什么区别，不都要服务端挂住请求线程，不是同样会耗费，服务端的资源吗？

这个类比于ajax不停向后台刷减少请求数，提高时效性

和长连的websocket，websocket是双向长链接,而sse完成一次请求后，需要浏览器再发一次请求

1 楼 semmy 2015-05-27  

这跟长连接有什么区别，不都要服务端挂住请求线程，不是同样会耗费，服务端的资源吗？