spring boot 集成websocket实现实时推送

websocket暂时能想到的应用是浏览器聊天和后台日志实时显示到前台。

当后台启动程序后，等待前台连接，连接上之后，前后台就可以相互发送数据了。

先贴上pom配置：

<dependency>            <groupId>org.springframework.boot</groupId>            <artifactId>spring-boot-starter-web</artifactId>        </dependency>        <dependency>            <groupId>org.springframework.boot</groupId>            <artifactId>spring-boot-starter-websocket</artifactId>        </dependency>        <dependency>            <groupId>org.webjars</groupId>            <artifactId>webjars-locator</artifactId>        </dependency>        <dependency>            <groupId>org.webjars</groupId>            <artifactId>sockjs-client</artifactId>            <version>1.0.2</version>        </dependency>        <dependency>            <groupId>org.webjars</groupId>            <artifactId>stomp-websocket</artifactId>            <version>2.3.3</version>        </dependency>        <dependency>            <groupId>org.webjars</groupId>            <artifactId>jquery</artifactId>            <version>3.1.0</version>        </dependency>

websocket配置类

@Configuration@EnableWebSocketMessageBrokerpublic class WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer {    @Override    public void configureMessageBroker(MessageBrokerRegistry config) {        config.enableSimpleBroker("/topic");//配置客户端订阅前缀        config.setApplicationDestinationPrefixes("/app");//配置客户端发送消息路径前缀    }    @Override    public void registerStompEndpoints(StompEndpointRegistry registry) {        //"/gs-guide-websocket"是前台连接的端点url        registry.addEndpoint("/gs-guide-websocket").withSockJS();    }}

java服务器端推送用例

@Componentpublic class WebSocketTemplate {    private SimpMessagingTemplate messagingTemplate;    @Autowired    public WebSocketTemplate(SimpMessagingTemplate messagingTemplate) {        this.messagingTemplate = messagingTemplate;    }    //向订阅了 /topic/hello 客户端websocket实例发送数据    public void sendMessage(String message){        messagingTemplate.convertAndSend("/topic/hello","hello,client");    }}

服务器端接收客户端发送的消息并反馈

@Controllerpublic class GreetingController {    @MessageMapping("/hello")    @SendTo("/topic/hello")    public String greeting(String message) throws Exception {        Thread.sleep(1000); // simulated delay        return "Hello, client! I get your message";    }}

客户端需要的

<script src="/webjars/jquery/jquery.min.js"></script><script src="/webjars/sockjs-client/sockjs.min.js"></script><script src="/webjars/stomp-websocket/stomp.min.js"></script>

var stompClient = null;    //连接到服务器        function connect() {    var socket = new SockJS('/gs-guide-websocket');    stompClient = Stomp.over(socket);    stompClient.connect({}, function (frame) {        console.log('Connected: ' + frame);        //接收服务端发送给/topic/greetings的订阅消息        stompClient.subscribe('/topic/greetings', function (greeting) {            console.log(greeting);            JSON.parse(greeting.body);//解析json字符串为对象        });    });    //断开连接    function disconnect() {    if (stompClient !== null) {        stompClient.disconnect();    }    //向服务器发送消息    function sendHello() {    stompClient.send("/app/hello", {}, "hello server");}}}

存在的问题：
客户端刷新后没有断开连接的话，服务器再次发送数据给客户端会接收到两次消息。
如果有了解的，希望指教一下。