一、广播式

　　广播式即服务端有消息时，会将消息发送给所有连接了当前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. IOS控件：分歧解决其（UILabel 和 IBAction）

    #import <UIKit/UIKit.h> @interface demo7_dayViewController : UIViewController { // 用来显示程序结果 IB ...

  2. log4j中将SocketAppender将日志内容发送到远程服务器

    1.服务端配置 1)服务端配置文件log4j-server.properties #Define a narrow log category. A category like debug will p ...

  3. js写css（）方法，记得加引号“ ”，除非是数字

    js写css()方法,记得加引号“ ”,除非是数字.如: $("#android").css({ "position": "absolute" ...

  4. Avalondock 第四步 边缘停靠

    前一章介绍了分组功能,这一章主要介绍细节信息,LayoutRoot的side属性 LayoutRoot包含四个属性,LeftSide,RightSide,TopSide,BottomSide,分别用于 ...

  5. 一段能瞬间秒杀所有版本IE的简单HTML代码

    许多人都非常讨厌InternetExplorer,在西方万圣节即将到来之际,让我们来看一个真正吓人的东西——如何用一段简单的HTML和CSS,将任何版本的IE搞死.我们只需要简单地打开任意文本编辑器, ...

  6. Python生成器是什么

    生成器是 Python 初级开发者最难理解的概念之一,虽被认为是 Python 编程中的高级技能,但在各种项目中可以随处见到生成器的身影,你得去理解它.使用它.甚至爱上它. 提到生成器,总不可避免地要 ...

  7. 前端基础-css（1）

    一.css的引入方式 现在的互联网前端分三层: HTML:超文本标记语言.从语义的角度描述页面结构. CSS:层叠样式表.从审美的角度负责页面样式. JS:JavaScript .从交互的角度描述页面 ...

  8. What is tail-recursion

    Consider a simple function that adds the first N integers. (e.g. sum(5) = 1 + 2 + 3 + 4 + 5 = 15). H ...

  9. 判断json格式中是否含有key

    1.obj["key"] != undefined 这种有缺陷,如果这个key定义了,并且就是很2的赋值为undefined,那么这句就会出问题了. 2.if("key& ...

  10. Mycat教程---数据库的分库分表

    mycat介绍 介绍在官方网站上有比较详细的介绍,在这里复制粘贴没什么意思,大家到官网上看 官网链接 前置条件 本教程是在window环境下运行的,实际生产推荐在Linux上运行. 必备条件(自行安装 ...