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

随机推荐

oracle 处理表的一列
---删除一列和数据一起删除了. ALTER TABLE 表名 DROP COLUMN 列名; ---添加一列 alert table 表名 add column 列名; ---只删除一列的数据没有 ...
Swift 之数组与字典
http://www.cocoachina.com/swift/20151230/14802.html 说到数组和字典,只要是编过程的小伙伴并不陌生.在Swift中的数组与字典也有着一些让人眼前一亮的 ...
【水滴石穿】rnTest
其实就是一个小的demo,不过代码分的挺精巧的先放地址:https://github.com/linchengzzz/rnTest 来看看效果确实没有什么可以说的,不过代码部分还行先入口文件 / ...
C++11中的并发
在 C++98 的时代,C++标准并没有包含多线程的支持,人们只能直接调用操作系统提供的 SDK API 来编写多线程程序,不同的操作系统提供的 SDK API 以及线程控制能力不尽相同.到了 C++ ...
Spring简介+HelloWorld
IoC Container: 这是最重要的,也是最基础的, Spring的基础.它的作用是配置和Java对象的生命周期管理. DAO, ORM, AOP, WEB: 该模块可用于将工具或框架集成到了S ...
laravel 图片
/** * 缩略图上传 */ public static function addPic() { $inputData = request()->all(); $rules = [ 'main_ ...
Error configuring application listener of class org.springframework.web.context.ContextLoaderListene 标签： tomcat
今天敲完ssm框架,启动tomcat时报了这个错误.如图: SEVERE: Error configuring application listener of class org.springfram ...
Python发送邮件1（带附件的）
普通的发邮件(不使用类)
NDK(1)简介
AndroidNDK Android NDK 是在SDK前面又加上了“原生”二字,即Native Development Kit,因此又被Google称为“NDK”. Android程序运行在Dalv ...
在dva框架和create-react-app创建出来的框架中修饰器语法与按需加载引入antd分别配置
按需加载需要的包 babel-plugin-import 装饰器语法需要的包 @babel/plugin-proposal-decorators dva框架将.webpackrc 改成. ...

Springboot-webscoket with sockjs

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

随机推荐

热门专题