服务端推送常用技术

客户端轮询的方式：通过ajax定时拉取，setinterval
服务端主动推送：webSocket，全双工的，本质是一个额外的tcp连接，建立和关闭时握手使用http协议，其它数据传输不使用http协议，更加复杂一些，适用于需要进行复杂双向数据通讯的场景（推荐）
服务端主动推送，SSE（Server Send Event），html5新标准，用于从服务端实时推送数据到浏览器端，直接建立在当前的http连接上，本质上是保持一个http长连接，轻量协议，主要应用于简单的服务器数据推送的场景，使用服务器推送场景

使用springboot实现服务端主动推送
步骤：

在请求的方法@Requestmapping注解里面的属性项里面加上属性：produces= “text/event-stream;charset=UTF-8” （produces的作用是指定返回值类型，不但可以设置返回值类型还可以设定返回的字符编码）

 @GetMapping(value = "getData",produces = "text/event-stream;charset=UTF-8")
    public String getStockMarket(){
        try {
            Thread.sleep(1000);
            //任务
        } catch (InterruptedException e) {
            e.printStackTrace();
        }
        return "data:当前股票行情为" + Math.random();
    }

在resources默认加载的目录创建一个页面，public/static/resources目录都可以，注意：不在默认加载的目录的创建html页面，可以使用引入typemelf，在controller中跳转回该html页面中，这只是其中的一种方案

index.html页面内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        var source = new EventSource('/getData');
        source.onmessage = function (event) {
            console.info(event.data);
            document.getElementById('result').innerText=event.data;
        }
    </script>
</head>
<body>
模拟股票行情
<h3>股票市场</h3>
<div id="result"></div>
</body>
</html>

效果

服务端推送常用技术

服务端推送常用技术

猜你喜欢