SpringBoot 整合 WebSocket（topic广播）

1、什么是WebSocket

　　WebSocket为游览器和服务器提供了双工异步通信的功能，即游览器可以向服务器发送消息，服务器也可以向游览器发送消息。WebSocket需游览器的支持，如IE10、Chrome 13+、Firefox 6+，这对我们现在的游览器来说都不是问题。

　　WebSocket是通过一个socket来实现双工异步通讯能力的。但是直接使用WebSocket（或SockJS:WebSocket协议的模拟，增加了当游览器不支持WebSocket的时候的兼容支持）协议开发程序显得特别繁琐， 我们会使用它的子协议STOMP，它是一个更高级别的协议，STOMP协议使用一个基于帧的格式来定义消息，与HTTP的request和reponse类似（具有类似于@RequestMapping的@MassageMapping）

2、什么是STOMP

　　STOMP，Streaming Text Orientated Message Protocol，是流文本定向消息协议，是一种为MOM(Message Oriented Middleware，面向消息的中间件)设计的简单文本协议。
它提供了一个可互操作的连接格式，允许STOMP客户端与任意STOMP消息代理(Broker)进行交互，类似于OpenWire(一种二进制协议)。由于其设计简单，很容易开发客户端，因此在多种语言和多种平台上得到广泛应用。其中最流行的STOMP消息代理是Apache ActiveMQ。

　　STOMP协议工作于TCP协议之上，使用了下列命令：
    　　1)、SEND 发送
    　　2)、SUBSCRIBE 订阅
    　　3)、UNSUBSCRIBE 退订
    　　4)、BEGIN 开始
    　　5)、COMMIT 提交
    　　6)、ABORT 取消
    　　7)、ACK 确认
    　　8)、DISCONNECT 断开

3、为什么需要WebSocket

　　答案很简单，因为 HTTP 协议有一个缺陷：通信只能由客户端发起。
举例来说，我们想了解今天的天气，只能是客户端向服务器发出请求，服务器返回查询结果。HTTP 协议做不到服务器主动向客户端推送信息。如果想持续从服务的获取消息，则只能使用轮询或建立长连接的方法来实现，但是这样或浪费很多不必要的资源。而webSocket则解决了这个问题，通信可由双方发起，只需要建立一次连接，服务的端就可以持续从服务端获得消息。主要用来做消息通知，消息推送等模块

4、SpringBoot使用 STOMP 消息步骤

　　1)、添加pom文件依赖

　　2)、java方式配置websocket stomp

　　3)、消息实体类

　　4)、书写控制层

　　5)、书写页面

5、Pom 依赖

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-thymeleaf</artifactId>

        </dependency>

        <dependency>

            <groupId>org.springframework.boot</groupId>

            <artifactId>spring-boot-starter-websocket</artifactId>

        </dependency>

6、java方式配置websocket stomp

package com.example.demo.config;

import org.springframework.context.annotation.Configuration;

import org.springframework.messaging.simp.config.MessageBrokerRegistry;

import org.springframework.web.socket.config.annotation.AbstractWebSocketMessageBrokerConfigurer;

import org.springframework.web.socket.config.annotation.EnableWebSocketMessageBroker;

import org.springframework.web.socket.config.annotation.StompEndpointRegistry;

@Configuration

@EnableWebSocketMessageBroker

public class WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer {

    /**

     * 配置链接端点

     * @param registry

     */

    @Override

    public void registerStompEndpoints(StompEndpointRegistry registry){

        registry.addEndpoint("/endpointWisely").withSockJS();

    }

    /**

     * 配置消息代理

     * @param registry

     */

    @Override

    public void configureMessageBroker(MessageBrokerRegistry registry){

        registry.enableSimpleBroker("/topic");

    }

}

7、消息实体类

package com.example.demo.PoJo;

/**

 * 消息接受

 */

public class WiselyMessage {

    private String name;

    public String getName(){

        return name;

    }

}
package com.example.demo.PoJo;

/**

 * 消息返回

 */

public class WiselyResponse {

    private String responseMessage;

    public WiselyResponse(String responseMessage){

        this.responseMessage = responseMessage;

    }

    public String getResponseMessage(){

        return responseMessage;

    }

}

8、书写控制层

package com.example.demo.controller;

import com.example.demo.PoJo.WiselyMessage;

import com.example.demo.PoJo.WiselyResponse;

import org.springframework.beans.factory.annotation.Autowired;

import org.springframework.messaging.handler.annotation.MessageMapping;

import org.springframework.messaging.handler.annotation.SendTo;

import org.springframework.messaging.simp.SimpMessagingTemplate;

import org.springframework.stereotype.Controller;

import java.security.Principal;

@Controller

public class WsController {

    /**

     * MessageMapping 类似于 RequestMapping

     * SendTo 订阅地址 类似于 订阅一个URL （我的理解就是 调用了这个方法 在返回的时候会给订阅该url的地址发送数据）

     * @param message

     * @return

     * @throws Exception

     */

    @MessageMapping("/welcome")

    @SendTo("/topic/getResponse")

    public WiselyResponse say(WiselyMessage message) throws Exception {

        Thread.sleep(3000);

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

    }

}

9、书写页面

<!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);

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

            setConnected(true);

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

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

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

            });

        });

    }

    function disconnect() {

        if (stompClient != null) {

            stompClient.disconnect();

        }

        setConnected(false);

        console.log("Disconnected");

    }

    function sendName() {

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

           //3

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

    }

    function showResponse(message) {

          var response = $("#response");

          response.html(message);

    }

</script>

</body>

</html>

10、客户端发送和接收消息图解

SpringBoot 整合 WebSocket的更多相关文章

  1. Springboot整合Websocket遇到的坑

    Springboot整合Websocket遇到的坑 一.使用Springboot内嵌的tomcat启动websocket 1.添加ServerEndpointExporter配置bean @Confi ...

  2. springboot整合websocket原生版

    目录 HTTP缺点 HTTP websocket区别 websocket原理 使用场景 springboot整合websocket 环境准备 客户端连接 加入战队 微信公众号 主题 HTTP请求用于我 ...

  3. SpringBoot整合websocket简单示例

    依赖 <!-- springboot整合websocket --> <dependency> <groupId>org.springframework.boot&l ...

  4. springboot整合websocket高级版

    目录 sockjs介绍 产生的原因 环境搭建 springboot整合sockjs 使用场景 聊天室开发 点对点通信 群聊 效果 总结 加入战队 微信公众号 上一章节我们说了websocket的优缺点 ...

  5. WebSocket的简单认识&SpringBoot整合websocket

    1. 什么是WebSocket?菜鸟对websocket的解释如下 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议. WebSocket 使得客户端和服务 ...

  6. springboot整合websocket实现客户端与服务端通信

    定义  WebSocket是通过单个TCP连接提供全双工(双向通信)通信信道的计算机通信协议.此WebSocket API可在用户的浏览器和服务器之间进行双向通信.用户可以向服务器发送消息并接收事件驱 ...

  7. Springboot整合WebSocket实现网页版聊天，快来围观！

  8. 【Java分享客栈】SpringBoot整合WebSocket+Stomp搭建群聊项目

    前言 前两周经常有大学生小伙伴私信给我,问我可否有偿提供毕设帮助,我说暂时没有这个打算,因为工作实在太忙,现阶段无法投入到这样的领域内,其中有两个小伙伴又问到我websocket该怎么使用,想给自己的 ...

  9. springboot整合websocket后运行测试类报错：javax.websocket.server.ServerContainer not available

    springboot项目添加websocket依赖后运行测试类报如下错误: org.springframework.beans.factory.BeanCreationException: Error ...

随机推荐

  1. 天梯赛 L1-009 N个数求和 （模拟）

    本题的要求很简单,就是求N个数字的和.麻烦的是,这些数字是以有理数"分子/分母"的形式给出的,你输出的和也必须是有理数的形式. 输入格式: 输入第一行给出一个正整数N(<=1 ...

  2. python mysql参数化查询防sql注入

    一.写法 cursor.execute('insert into user (name,password) value (?,?)',(name,password)) 或者 cursor.execut ...

  3. 25、Python垃圾回收机制？

    Python的GC模块主要运用了“引用计数”(reference counting)来跟踪和回收垃圾.在引用计数的基础上,还可以通过“标记-清除”(mark and sweep)解决容器对象可能产生的 ...

  4. 不相交集ADT--链表实现

    每一个集合用用一个链表来表示.链表的第一个对象作为它所在集合的代表.链表中每个对象都包含一个集合成员,一个指向下一个对象的指针,以及指向代表的指针.每个链表含head和tail指针,head指向链表的 ...

  5. MongoDB之主从复制和副本集(四)

    简单主从复制 采用一主一从或一主多从的布署模式,可以将读写分离开来,提高数据库的可用性,不过mongodb的主从模式并不能在主节点崩溃后,从节点替换主节点的工作,一般可以在开发阶段使用. 实现步骤 设 ...

  6. 目标检测-基于Pytorch实现Yolov3（1）- 搭建模型

    原文地址:https://www.cnblogs.com/jacklu/p/9853599.html 本人前段时间在T厂做了目标检测的项目,对一些目标检测框架也有了一定理解.其中Yolov3速度非常快 ...

  7. 读书笔记 effective c++ Item 3 在任何可能的时候使用 const

    Const可以修饰什么?   Const 关键字是万能的,在类外部,你可以用它修饰全局的或者命名空间范围内的常量,也可以用它来修饰文件,函数和块作用域的静态常量.在类内部,你可以使用它来声明静态或者非 ...

  8. 解决su – 后显示-bash-4.1#

    <1>现象 设置tfs的管理用户时. su - admin时,出现 -bash-4.1# <2>解决 chown  admin:admin /home/admin        ...

  9. ansible报错AttributeError: module 'urllib.request' has no attribute 'HTTPSHandler'

    报错内容: TASK [activemq : extract activemq tarball] *************************************************** ...

  10. 当array_filter函数的callback留空时 他会过滤掉所有键值为false的键

    当array_filter函数的callback留空时 他会过滤掉所有键值为false的键