Springboot-webscoket with sockjs

新建springboot maven工程，引入以下包

<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-websocket</artifactId>
		</dependency>

新建WebSocket配置类

package com.example.demo.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.socket.WebSocketHandler;
import org.springframework.web.socket.config.annotation.EnableWebSocket;
import org.springframework.web.socket.config.annotation.WebSocketConfigurer;
import org.springframework.web.socket.config.annotation.WebSocketHandlerRegistry;

/**
 * Created by dingshuo on 2017/5/18.
 */
@Configuration
@EnableWebSocket
public class WebsocketConfig  implements WebSocketConfigurer{
    @Override
    public void registerWebSocketHandlers(WebSocketHandlerRegistry webSocketHandlerRegistry) {
        webSocketHandlerRegistry.addHandler(myHandler(),"/ws").setAllowedOrigins("*").withSockJS();
    }

    @Bean
    public WebSocketHandler myHandler(){
        return new com.example.demo.config.WebSocketHandler();
    }
}

根据配置类中的Handler定义，进行具体代码编写

package com.example.demo.config;

import org.springframework.stereotype.Component;
import org.springframework.web.socket.CloseStatus;
import org.springframework.web.socket.TextMessage;
import org.springframework.web.socket.WebSocketMessage;
import org.springframework.web.socket.WebSocketSession;
import org.springframework.web.socket.handler.TextWebSocketHandler;

import java.util.HashMap;
import java.util.Map;
import java.util.UUID;

/**
 * Created by dingshuo on 2017/5/18.
 */
@Component
public class WebSocketHandler extends TextWebSocketHandler{

    public static final Map<Object, WebSocketSession> userSocketSessionMap;
    static {
        userSocketSessionMap = new HashMap<Object, WebSocketSession>();
    }


    @Override
    public void afterConnectionEstablished(WebSocketSession session) throws Exception {
        userSocketSessionMap.put(UUID.randomUUID(),session);
        System.out.println("建立连接完成");
    }

    @Override
    public void handleMessage(WebSocketSession session, WebSocketMessage<?> message) throws Exception {
        switch (message.getPayload().toString()){
            case "1":
                sendMsg(session,new TextMessage("A"));
                break;
            case "2":
                sendMsg(session,new TextMessage("B"));
                break;
        }
        System.out.println("处理消息");
    }

    @Override
    public void handleTransportError(WebSocketSession session, Throwable exception) throws Exception {
        System.out.println("处理消息传出错误");
    }

    @Override
    public void afterConnectionClosed(WebSocketSession session, CloseStatus status) throws Exception {
        System.out.println("处理连接关闭");
    }

    private void sendMsg(WebSocketSession session,TextMessage message) throws Exception {
        for (int i=0;i<100;i++){
            Thread.sleep(1000);
            session.sendMessage(message);
        }
    }
}

在Handler里可以看出每个连接的连接-接收消息-关闭连接等过程，只需要在相应的函数中完成具体方法即可

此处简单模拟，客户端连接后，发送一个连接字符，然后服务器根据连接字符不断的推送消息（这里是发送“1”或“2”）

新建一个测试用的html静态页面（这里引用了sockjs），代码是抄网上的。。。

注意修改url地址信息

<!doctype html>  
<html>  
<head>  
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>  
    <script src="http://cdn.jsdelivr.net/sockjs/1.0.1/sockjs.min.js"></script>  
    <style>  
      .box {  
          width: 300px;  
          float: left;  
          margin: 0 20px 0 20px;  
      }  
      .box div, .box input {  
          border: 1px solid;  
          -moz-border-radius: 4px;  
          border-radius: 4px;  
          width: 100%;  
          padding: 0px;  
          margin: 5px;  
      }  
      .box div {  
          border-color: grey;  
          height: 300px;  
          overflow: auto;  
      }  
      .box input {  
          height: 30px;  
      }  
      h1 {  
          margin-left: 30px;  
      }  
      body {  
          background-color: #F0F0F0;  
          font-family: "Arial";  
      }  
    </style>  
</head>  
<body lang="en">  
    <h1>Index</h1>  
    <div id="first" class="box">  
      <div></div>  
      <form><input autocomplete="off" value="Type here..."></input></form>  
    </div>  
    <script>  
        var sockjs_url = 'http://127.0.0.1:8080/ws';  
        var sockjs = new SockJS(sockjs_url);  
        $('#first input').focus();  
  
        var div  = $('#first div');  
        var inp  = $('#first input');  
        var form = $('#first form');  
  
        var print = function(m, p) {  
            p = (p === undefined) ? '' : JSON.stringify(p);  
            div.append($("<code>").text(m + ' ' + p));  
            div.append($("<br>"));  
            div.scrollTop(div.scrollTop()+10000);  
        };  
  
        sockjs.onopen    = function()  {print('[*] open', sockjs.protocol);};  
        sockjs.onmessage = function(e) {print('[.] message', e.data);};  
        sockjs.onclose   = function()  {print('[*] close');};  
  
        form.submit(function() {  
            print('[ ] sending', inp.val());  
            sockjs.send(inp.val());  
            inp.val('');  
            return false;  
        });  
    </script>  
</body>  
</html>

null

Springboot-webscoket with sockjs的更多相关文章

springboot实现服务器端消息推送（websocket + sockjs + stomp）
服务器端推送技术在web开发中比较常用,可能早期很多人的解决方案是采用ajax向服务器轮询消息,这种方式的轮询频率不好控制,所以大大增加了服务器的压力,后来有了下面的方案:当客户端向服务器发送请求时, ...
springboot+websocket+sockjs进行消息推送【基于STOMP协议】
springboot+websocket+sockjs进行消息推送[基于STOMP协议] WebSocket是在HTML5基础上单个TCP连接上进行全双工通讯的协议,只要浏览器和服务器进行一次握手,就 ...
通过springBoot集成搭建webScoket服务器
前言: 最近工作中有一个需求,就是服务端要主动推送消息给客户端,而我们平常的Http请求只能一请求一响应,为此学习了webScokset通讯技术,以下介绍的是java 通过SpringBoot集成we ...
Springboot + Websocket + Sockjs + Stomp + Vue + Iview 实现java后端日志显示在前端web页面上
话不多说,看代码. 一.pom.xml 引入spring boot websocket依赖 <dependency> <groupId>org.springframework. ...
webscoket实战之利用httpsession定向推送
webscoket实战之利用httpsession定向推送开发框架 springboot 场景在利用websocket主动推送信息给客户端的过程中,经常会遇到一个普遍需求,就是推送的消息要定向推送 ...
springboot情操陶冶-web配置(四)
承接前文springboot情操陶冶-web配置(三),本文将在DispatcherServlet应用的基础上谈下websocket的使用 websocket websocket的简单了解可见维基百科 ...
基于springboot+bootstrap+mysql+redis搭建一套完整的权限架构【六】【引入bootstrap前端框架】
https://blog.csdn.net/linzhefeng89/article/details/78752658 基于springboot+bootstrap+mysql+redis搭建一套完整 ...
springboot+websocket 归纳收集
websocket是h5后的技术,主要实现是一个长连接跟tomcat的comet技术差不多,但websocket是基于web协议的,有更广泛的支持.当然,在处理高并发的情况下,可以结合tomcat的a ...
springboot websocket 一篇足够了
什么是WebSocket WebSocket是一种在单个TCP连接上进行全双工通信的协议 … 为什么要实现握手监控管理如果说,连接随意创建,不管的话,会存在错误,broken pipe 表面看单纯报 ...
全栈开发——动手打造属于自己的直播间（Vue+SpringBoot+Nginx）
前言大学的学习时光临近尾声,感叹时光匆匆,三年一晃而过.同学们都忙着找工作,我也在这里抛一份简历吧,欢迎各位老板和猎手诚邀.我们进入正题.直播行业是当前火热的行业,谁都想从中分得一杯羹,直播养活了一 ...

随机推荐

手把手教你实现一个通用的jsonp跨域方法
什么是jsonp JSONP(JSON with Padding)是JSON的一种"使用模式",可用于解决主流浏览器的跨域数据访问的问题.由于同源策略,一般来说位于 server1 ...
Vue动态加载异步组件
背景: 目前我们项目都是按组件划分的,然后各个组件之间封装成产品.目前都是采用iframe直接嵌套页面.项目中我们还是会碰到一些通用的组件跟业务之间有通信,这种情况下iframe并不是最好的选择,if ...
Python数据分析与展示[第三周]（pandas简介与数据创建）
第三周的课程pandas 分析数据 http://pandas.pydata.org import pandas as pd 常与numpy matplotlib 一块定义 d=pd.Series(r ...
python 基本数据结构 ndarray
CSS3圆环旋转效果
html结构: <div class="demo"></div> css结构: .demo{ width:250px; height:250px; bord ...
Codeforces 442C
题目链接 C. Artem and Array time limit per test 2 seconds memory limit per test 256 megabytes input stan ...
Spring → 04：Bean(1)
一.Bean概念 Spring Bean是被实例的,组装的及被Spring 容器管理的Java对象. Spring 容器会自动完成@bean对象的实例化. 创建应用对象之间的协作关系的行为称为:装配( ...
WPF/Silverlight深度解决方案：(七)HLSL自定义渲染特效之完美攻略(中)
原文:WPF/Silverlight深度解决方案:(七)HLSL自定义渲染特效之完美攻略(中) 通过上一节的解说,大家是否已经对HLSL有了较深刻的认识和理解,HLSL的渲染不仅仅局限于静态处理,通过 ...
阿里云文件存储CPFS正式商业化，提供云上高性能并行文件系统
2018年3月份,阿里云推出文件存储CPFS产品.在经过近一年的上线公测后,CPFS即将迎来商业化,将为更多的客户提供云上高性能的并行文件存储. 坚如磐石的高性能计算存储文件存储CPFS针对计算密集 ...
phpmyadmin误删表后的恢复过程
转自:http://blog.csdn.net/ssrc0604hx/article/details/18717983 话说今天不知道是抽风了还是失魂了,在用phpmyadmin删除测试数据时,竟然将 ...

Springboot-webscoket with sockjs

Springboot-webscoket with sockjs的更多相关文章

随机推荐

热门专题