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

随机推荐

【Pyqt5】自定义信号简单原理（易懂版）,多窗口交互，传输数据，调用方法
PS:如果你想在2窗口调用1窗口的内部方法,或者在2窗口传递数据给1窗口数据,本片博客可以放心食用主窗口: class MainWindow(QWidget,Ui_MainFrom): insert ...
TypeScript类型检查机制
类型推断指不需要指定变量的类型,TS编译器可以根据某些规则自动推断出类型. 什么时候会有类型推断? 声明变量时没有指定类型函数默认参数函数返回值 ...... let a; // 这时自动推断为 ...
C#中时间差的计算
/// <summary> /// 已重载.计算两个日期的时间间隔,返回的是时间间隔的日期差的绝对值. /// </summary> /// <param name=&q ...
VM虚拟机下安装无线网卡教程
前言: 由于最近学习olsrd需要,然后需要无线网卡支持.所以将教程分享如下. 实体机:Windows 7 虚拟机:Ubuntu 14.04 无线网卡:Tenda W311M V3.0 虚拟机软件:V ...
Sublime Text2的常用技巧总结（更新中...)
1. 选中一段内容后,按 Tab 或者 shift Tab 可以控制缩进 2. alt + shift + 数字, 开启多个窗口,数字代表分割后的个数,分割后按 Ctrl + shift + 数字可 ...
草地排水改了又改（DCOJ6013）
题目描述在农夫约翰的农场上,每逢下雨,贝茜最喜欢的三叶草地就积聚了一潭水．这意味着草地被水淹没了,并且小草要继续生长还要花相当长一段时间．因此,农夫约翰修建了一套排水系统来使贝茜的草地免除被大水淹没 ...
MacOS配置双网
目的日常工作中,我们可能会同时需要用到公司的内网以及互联网,为了避免来回的切换,我们可以通过配置电脑的两个网卡来实现同时访问内网和互联网. 环境说明互联网无线网卡网关子网掩码内网有线网卡 ...
使用iPhone为Apple Watch制作动画
(原文:Make Animations for APPLE WATCH Using iPhone 作者:Andy Drizen 译者:xiaoying) 无论要做一个像hamburger button ...
C++返回值优化
返回值优化(Return Value Optimization,简称RVO)是一种编译器优化机制:当函数需要返回一个对象的时候,如果自己创建一个临时对象用于返回,那么这个临时对象会消耗一个构造函数(C ...
JavaScriptBreak 语句 continue 语句
break 语句用于跳出循环. continue 用于跳过循环中的一个迭代. Break 语句我们已经在本教程之前的章节中见到过 break 语句.它用于跳出 switch() 语句. break ...

Springboot-webscoket with sockjs

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

随机推荐

热门专题