前言： 传统的网页都是浏览器向服务器“查询”数据，但是很多场合，最有效的方式是服务器向浏览器“发送”数据。比如，每当收到新的电子邮件，服务器就向浏览器发送一个“通知”，这要比浏览器按时向服务器查询（polling）更有效率。

WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信(full-duplex)。一开始的握手需要借助HTTP请求完成。浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。在此WebSocket 协议中，为我们实现即时服务带来了两大好处。

服务器发送事件（Server-Sent Events，简称SSE）就是为了解决这个问题，而提出的一种新API，部署在EventSource对象上。目前，除了IE，其他主流浏览器都支持。

简单说，所谓SSE，就是浏览器向服务器发送一个HTTP请求，然后服务器不断单向地向浏览器推送“信息”（message）。这种信息在格式上很简单，就是“信息”加上前缀“data: ”，然后以“\n\n”结尾。

1.导入相关jar包

       
     
      org.springframework.boot
        
     
      spring-boot-starter-websocket
     
    

2.注册webSocket的Bean

package com.example;import org.springframework.context.annotation.Bean;import org.springframework.context.annotation.Configuration;import org.springframework.web.socket.server.standard.ServerEndpointExporter;@Configurationpublic class WebSocketConfig {    @Bean    public ServerEndpointExporter serverEndpointExporter (){        return new ServerEndpointExporter();    }}

3.编写webSocket服务端代码

package com.example;import org.springframework.stereotype.Component;import javax.websocket.OnClose;import javax.websocket.OnMessage;import javax.websocket.OnOpen;import javax.websocket.Session;import javax.websocket.server.ServerEndpoint;import java.io.IOException;import java.util.concurrent.CopyOnWriteArraySet;@ServerEndpoint("/sendMessage")@Componentpublic class SendMessage {    private static int onlineCount = 0;    //当我们往一个容器添加元素的时候，不直接往当前容器添加，而是先将当前容器进行Copy，复制出一个新的容器，    //然后新的容器里添加元素，添加完元素之后，再将原容器的引用指向新的容器. 实现读写分离    private static CopyOnWriteArraySet
    
      webSocketSet = new CopyOnWriteArraySet<>();    private Session session;    /**     * 创建一个socket会话时调用的方法     * @param session     */    @OnOpen    public void onOpen(Session session) {        this.session = session;        webSocketSet.add(this);        System.out.println("Socket当前链接数" + webSocketSet.size());    }    /**     * 关闭一个socket会话时调用的方法     */    @OnClose    public void onClose() {        webSocketSet.remove(this);        System.out.println("Socket当前链接数" + webSocketSet.size());    }    /**     * socket通讯方法     * @param message     * @param session     * @throws IOException     */    @OnMessage    public void onMessage(String message, Session session) throws IOException {        System.out.println("来自客户端的消息:" + message);        //循环set里的当前链接的socket发送信息        for (SendMessage item : webSocketSet) {            item.sendMessage(message);        }        System.out.println(session.getRequestURI());    }    public void sendMessage(String message) throws IOException {        this.session.getBasicRemote().sendText(message);    }}
    

4.编写html的js连接websocket

          
                Welcome
    发送信息  断开  
    
  
    
        

5.创建使用SSE后台服务

@RequestMapping(value = "/abc", produces = "text/event-stream")  @ResponseBody    public String test() throws InterruptedException {        Thread.sleep(1000);        return "data: "+new Date().toLocaleString()+"\n\n";    }

6.HTML5网页使用

if (!!window.EventSource) {         var source=new EventSource('http://localhost:8080/abc');         source.addEventListener('message',function(e){         	setMessageInnerHTML(e.data);          });         source.addEventListener('open',function(e){         	//setMessageInnerHTML("连接被打开");         },false);    };

博客地址：https://my.oschina.net/wangnian