服务端推送常用技术
- 客户端轮询的方式:通过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>
- 效果