一、广播式

　　广播式即服务端有消息时，会将消息发送给所有连接了当前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. Oracle 的安全保障 commit &checkpoint

    Oracle 的安全 commit &checkpoint commit ---lgwr 事务相关的操作,保证事务的安全. commit标志着事务的结束.意味着别人对你事务操作的结果可见. c ...

  2. protoc-gen-go: error:bad Go source code was generated: 163:6: illegal UTF-8 encoding (and 2915 more errors)

    protoc-gen-go: error:bad Go source code was generated: 163:6: illegal UTF-8 encoding (and 2915 more ...

  3. 高德地图 js api 使用

    使用高德地图js api 制作网页上的地图应用. 1.先申请一个 开发者用的 key . 2. 在页面中引入高德提供的地图js  <script src="http://webapi. ...

  4. 为什么要使用nonlocal

    Python3中加入了新的关键字nonlocal,当在一个嵌套的函数中对变量申明为nonlocal时,就明确表示这个变量是外部函数中定义的变量.也许会有这么一个问题:按照python的LEGB原则,在 ...

  5. cookies与session

    一.cookies 本质:浏览器端保存的键值对 方便客户按照自己的习惯操作页面或软件,例如:用户验证,登陆界面,右侧菜单隐藏,控制页面列表显示条数... cookies是由服务端写在浏览器端,以后每次 ...

  6. 2.2 - ATM+购物商城程序

    要求:模拟实现一个ATM + 购物商城程序1.额度 15000或自定义2.实现购物商城,买东西加入 购物车,调用信用卡接口结账3.可以提现,手续费5%4.支持多账户登录5.支持账户间转账6.记录每月日 ...

  7. mysql分组取每组前几条记录(排名)

    1.创建表 create table tb( name varchar(10), val int, memo varchar(20) ); 2.插入数据 insert into tb values(' ...

  8. Leetcode 之 Valid Triangle Number

    611. Valid Triangle Number 1.Problem Given an array consists of non-negative integers, your task is ...

  9. python16_day13【css、js】

    一.部局 1.pg-header(title) .pg-header{ height: 48px; background-color: cadetblue; line-height: 48px; mi ...

  10. ptyhon从入门到放弃之操作系统基础

    *2.操作系统操作系统基础1.什么是操作系统操作系统就是一个协调.管理和控制计算机硬件和软件的控制程序.2.为何要有操作系统现代的计算机系统主要是由一个或者多个处理器,主存,硬盘,键盘,鼠标,显示器, ...