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）
前言大学的学习时光临近尾声,感叹时光匆匆,三年一晃而过.同学们都忙着找工作,我也在这里抛一份简历吧,欢迎各位老板和猎手诚邀.我们进入正题.直播行业是当前火热的行业,谁都想从中分得一杯羹,直播养活了一 ...

随机推荐

Hdu 1007　最近点对
题目链接 Quoit Design Time Limit: 10000/5000 MS (Java/Others) Memory Limit: 65536/32768 K (Java/Other ...
Spring_使用(JDBC)
Spring_对JDBC的支持使用JdbcTemplate更新数据库导入jar包创建applicationcontext.xml <?xml version="1.0" ...
SPSS统计基础-均值功能的使用
SPSS统计基础-均值功能的使用均值过程计算一个或多个自变量类别中因变量的子组均值和相关的单变量统计.您也可以获得单因素方差分析.eta 和线性相关检验. 统计量.合计.个案数.均值.中位数.组内中 ...
px和rem换算
bootstrap默认 html{font-size: 10px;} rem是一个相对大小的值,它相对于根元素<html>, 假设,我们设置html的字体大小的值为html{font-si ...
thinkphp5.0 模板输出常用内容
1.在模板获取session和cookie等全局变量 {$Think.session.user_id}//输出$_SESSION['user_id']变量 2.获取请求信息 {$Request.con ...
生成主键ID,唯一键id,分布式ID生成器雪花算法代码实现
工具类: package com.ihrm.common.utils; import java.lang.management.ManagementFactory; import java.net. ...
hdu 1950 最长上升子序列（lis） nlogn算法【dp】
这个博客说的已经很好了.http://blog.csdn.net/shuangde800/article/details/7474903 简单记录一下自己学的: 问题就是求一个数列最长上升子序列的长度 ...
oracle函数 MIN([distinct|all]x)
[功能]统计数据表选中行x列的最大值. [参数]all表示对所有的值求最大值,distinct只对不同的值求最大值,默认为all 如果有参数distinct或all,需有空格与x(列)隔开. [参数] ...
Android 使用SwipeActionAdapter开源库实现简单列表的左右滑动操作
我们做listview左右滑动操作时,一般中情况下,都是像QQ那样,左滑弹出操作菜单(删除.编辑),然后选择菜单操作: 这样的效果不可谓不好,算是非常经典. 另外,有少数的APP,尤其是任务管理类的A ...
mysql 表名和字段、备注
select t1.table_schema ,t1.table_name ,t2.ordinal_position ,t2.column_name ,t2.data_type ,t2.charact ...

Springboot-webscoket with sockjs

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

随机推荐

热门专题