一、广播式

　　广播式即服务端有消息时，会将消息发送给所有连接了当前endpoint的浏览器

　　1.配置websocket，需要在配置类上使用@EnableWebSocketMessageBroker开启websocket支持，并通过继承AbstractWebSocketMessageBrokerConfigurer类，重写其方法来配置websocket

@Configuration
@EnableWebSocketMessageBroker　　　　　　　　　　　　　　　　//1
public class WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer{

   @Override
    public void registerStompEndpoints(StompEndpointRegistry registry) {　　//2
        registry.addEndpoint("/endpointWisely").withSockJS(); 
        registry.addEndpoint("/endpointChat").withSockJS();//3
    }

    @Override
    public void configureMessageBroker(MessageBrokerRegistry registry) {　　//4
        registry.enableSimpleBroker("/queue","/topic"); //5
    }

}
1. 通过@EnableWebSocketMessageBroker注解开启使用STOMP协议来传输基于代理（message broker）的消息，这时控制器支持使用@MessageMapping，就像使用@RequestMapping一样。
2. 注册STOMP协议的节点（endpoint），并映射的指定的URL
3. 注册一个STOMP的endpoint，并指定使用SockJS协议
4. 配置消息代理（Message Broker）
5. 广播式配置一个/topic消息代理
 @Controller

 public class WsController {

     @MessageMapping("/welcome")

     @SendTo("/topic/getResponse")

     public WiselyResponse say(WiselyMessage message) throws Exception {

         Thread.sleep(3000);

         return new WiselyResponse("Welcome, " + message.getName() + "!");

     }

     @Autowired

     private SimpMessagingTemplate messagingTemplate;//

     @MessageMapping("/chat")

     public void handleChat(Principal principal, String msg) { //

         if (principal.getName().equals("wyf")) {//

             messagingTemplate.convertAndSendToUser("wisely",

                     "/queue/notifications", principal.getName() + "-send:"

                             + msg);

         } else {

             messagingTemplate.convertAndSendToUser("wyf",

                     "/queue/notifications", principal.getName() + "-send:"

                             + msg);

         }

     }

 }
1. 当浏览器向服务端发送请求时，通过@MessageMapping("/welcome")映射/welcome这个地址，类似于@RequestMapping
2. 当服务端有消息时，会对订阅了@SendTo中的路径的浏览器发送消息

　2. 脚本代码如下：ws.html

 <!DOCTYPE html>

 <html xmlns:th="http://www.thymeleaf.org">

 <head>

     <meta charset="UTF-8" />

     <title>Spring Boot+WebSocket+广播式</title>

 </head>

 <body onload="disconnect()">

 <noscript><h2 style="color: #ff0000">貌似你的浏览器不支持websocket</h2></noscript>

 <div>

     <div>

         <button id="connect" onclick="connect();">连接</button>

         <button id="disconnect" disabled="disabled" onclick="disconnect();">断开连接</button>

     </div>

     <div id="conversationDiv">

         <label>输入你的名字</label><input type="text" id="name" />

         <button id="sendName" onclick="sendName();">发送</button>

         <p id="response"></p>

     </div>

 </div>

 <script th:src="@{sockjs.min.js}"></script>

 <script th:src="@{stomp.min.js}"></script>

 <script th:src="@{jquery.js}"></script>

 <script type="text/javascript">

     var stompClient = null;

     function setConnected(connected) {

         document.getElementById('connect').disabled = connected;

         document.getElementById('disconnect').disabled = !connected;

         document.getElementById('conversationDiv').style.visibility = connected ? 'visible' : 'hidden';

         $('#response').html();

     }

     function connect() {

         var socket = new SockJS('/endpointWisely'); //1

         stompClient = Stomp.over(socket);　　　　　　//2

         stompClient.connect({}, function(frame) {　　//3

             setConnected(true);

             console.log('Connected: ' + frame);

             stompClient.subscribe('/topic/getResponse', function(respnose){ //4

                 showResponse(JSON.parse(respnose.body).responseMessage);

             });

         });

     }

     function disconnect() {

         if (stompClient != null) {

             stompClient.disconnect();

         }

         setConnected(false);

         console.log("Disconnected");

     }

     function sendName() {

         var name = $('#name').val();　　//5

         stompClient.send("/welcome", {}, JSON.stringify({ 'name': name }));

     }

     function showResponse(message) {

           var response = $("#response");

           response.html(message);

     }

 </script>

 </body>

 </html>

1. 连接SockJs的endpoint名称为“/endpointWisely”
2. 使用STOMP子协议的websocket客户端
3. 连接websocket服务端
4. 通过stompClient.subscribe订阅/topic/getResponse目标发送的消息，这是由@SendTo定义的
5. 通过stompClient.send向/welcome目标发送消息，这是由@MessageMapping定义的

　　3. 配置viewController

 @Configuration

 public class WebMvcConfig  extends WebMvcConfigurerAdapter{

      @Override

        public void addViewControllers(ViewControllerRegistry registry) {

            registry.addViewController("/ws").setViewName("/ws");

            registry.addViewController("/login").setViewName("/login");

            registry.addViewController("/chat").setViewName("/chat");

        }

 }

初入spring boot（五 ）websocket的更多相关文章

  1. 初入spring boot（八 ）Spring Data REST

    1. 什么是Spring Data REST Spring Data JPA是基于Spring Data 的Repository之上,可以将Repository自动输出为REST资源.目前Spring ...

  2. 初入spring boot（七 ）Spring Data JPA

    Spring Data JPA通过提供基于JPA的Repository极大地减少JPA作为数据访问方案的代码量. 1.定义数据访问层 使用Spring Data JPA建立数据访问层十分简单,只需定义 ...

  3. 初入spring boot（四 ）web项目

    1. 模板引擎 spring boot提供了大量的模板引擎,包括FreeMark.Groovy.Thymeleaf.Velocity等,但spring boot中推荐用Thymeleaf,因为Thym ...

  4. 【websocket】spring boot 集成 websocket 的四种方式

    集成 websocket 的四种方案 1. 原生注解 pom.xml <dependency> <groupId>org.springframework.boot</gr ...

  5. spring boot 集成 websocket 实现消息主动推送

    spring boot 集成 websocket 实现消息主动 前言 http协议是无状态协议,每次请求都不知道前面发生了什么,而且只可以由浏览器端请求服务器端,而不能由服务器去主动通知浏览器端,是单 ...

  6. Spring Boot之WebSocket

    一.项目说明 1.项目地址:https://github.com/hqzmss/test01-springboot-websocket.git 2.IDE:IntelliJ IDEA 2018.1.1 ...

  7. Spring Boot 集成 WebSocket 实现服务端推送消息到客户端

    假设有这样一个场景:服务端的资源经常在更新,客户端需要尽量及时地了解到这些更新发生后展示给用户,如果是 HTTP 1.1,通常会开启 ajax 请求询问服务端是否有更新,通过定时器反复轮询服务端响应的 ...

  8. spring boot(五)：spring data jpa的使用

    在上篇文章springboot(二):web综合开发中简单介绍了一下spring data jpa的基础性使用,这篇文章将更加全面的介绍spring data jpa 常见用法以及注意事项 使用spr ...

  9. Spring Boot(五)：Spring Boot Jpa 的使用

    在上篇文章Spring Boot(二):Web 综合开发中简单介绍了一下 Spring Boot Jpa 的基础性使用,这篇文章将更加全面的介绍 Spring Boot Jpa 常见用法以及注意事项. ...

随机推荐

  1. python 之re模块（正则表达式） 分组、断言详解

    正则表达式分组.断言详解   提示:阅读本文需要有一定的正则表达式基础. 正则表达式中的断言,作为高级应用出现,倒不是因为它有多难,而是概念比较抽象,不容易理解而已,今天就让小菜通俗的讲解一下. 如果 ...

  2. Software Defined Networking For Dummies, Cisco Special Edition

    从接触SDN开始,不论是硬件还是软件,一直都是从具体的点开始,慢慢的勾勒出自己认为的SDN的样子,相信读完这本思科出的关于SDN的书会对其有新的认识 这本书的名字就是Software Defined ...

  3. 如何利用jQuery检查浏览器是否是IE6-8

    $.support.leadingWhitespace是IE特有的属性,用来检查浏览器是否是IE6-8

  4. 【BZOJ4540】[Hnoi2016]序列 莫队算法+单调栈

    [BZOJ4540][Hnoi2016]序列 Description 给定长度为n的序列:a1,a2,…,an,记为a[1:n].类似地,a[l:r](1≤l≤r≤N)是指序列:al,al+1,…,a ...

  5. flex组合流动布局实例---利用css的order属性改变盒子排列顺序

    flex弹性盒子 <div class="container"> <div class="box yellow"></div> ...

  6. oracle批量update

    我个人觉得写的很好 http://blog.csdn.net/wanglilin/article/details/7200201 需求: 将t2(t_statbuf)表中id和t1(T_Mt)表相同的 ...

  7. chardet库：识别文件的编码格式

    chardet库文档 http://chardet.readthedocs.io/en/latest/usage.html 小文件的编码判断 detect函数只需要一个 非unicode字符串参数,返 ...

  8. crash处理core文件

    (一时心血来潮总结的,供大家参考,时间仓促,不足之处勿拍砖,欢迎讨论~)Crash工具用于解析Vmcore文件,Vmcore文件为通过kdump等手段收集的操作系统core dump信息,在不采用压缩 ...

  9. delphi -----获取计算IP

    function GetHostName:String; var ComputerName: ..MAX_COMPUTERNAME_LENGTH+] of char; Size: Cardinal; ...

  10. 聊天系统 websocket 直播聊天

    websocket http://kai.yilaizhibo.com/js/controller.js http://kai.yilaizhibo.com/js/controller.js $(fu ...