maven依赖

<dependency>

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

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

</dependency>

常量类

//webSocket相关配置

//链接地址

public static String WEBSOCKETPATHPERFIX = "/ws-push";

public static String WEBSOCKETPATH = "/endpointWisely";

//消息代理路径

public static String WEBSOCKETBROADCASTPATH = "/topic";

//前端发送给服务端请求地址

public static final String FORETOSERVERPATH = "/welcome";

//服务端生产地址,客户端订阅此地址以接收服务端生产的消息

public static final String PRODUCERPATH = "/topic/getResponse";

//点对点消息推送地址前缀

public static final String P2PPUSHBASEPATH = "/user";

//点对点消息推送地址后缀,最后的地址为/user/用户识别码/msg

public static final String P2PPUSHPATH = "/msg";

接收前端消息实体

public class WiselyMessage {

    private String name;

    public String getName() {

        return name;

    }

    public void setName(String name) {

        this.name = name;

    }

}

后台发送消息实体

private String responseMessage;

public WiselyResponse(String responseMessage){

    this.responseMessage = responseMessage;

}

public String getResponseMessage() {

    return responseMessage;

}

public void setResponseMessage(String responseMessage) {

    this.responseMessage = responseMessage;

}

配置websocket

@Configuration

// @EnableWebSocketMessageBroker注解用于开启使用STOMP协议来传输基于代理（MessageBroker）的消息，这时候控制器（controller）

// 开始支持@MessageMapping,就像是使用@requestMapping一样。

@EnableWebSocketMessageBroker

public class WebSocketConfig extends AbstractWebSocketMessageBrokerConfigurer {

    @Override

    public void registerStompEndpoints(StompEndpointRegistry stompEndpointRegistry) {

        //注册一个Stomp的节点（endpoint）,并指定使用SockJS协议。

        stompEndpointRegistry.addEndpoint(Constant.WEBSOCKETPATH).withSockJS();

    }

    @Override

    public void configureMessageBroker(MessageBrokerRegistry registry) {

        //服务端发送消息给客户端的域,多个用逗号隔开

        registry.enableSimpleBroker(Constant.WEBSOCKETBROADCASTPATH, Constant.P2PPUSHBASEPATH);

        //定义一对一推送的时候前缀

        registry.setUserDestinationPrefix(Constant.P2PPUSHBASEPATH);

        //定义websoket前缀

        registry.setApplicationDestinationPrefixes(Constant.WEBSOCKETPATHPERFIX);

    }

}

service

@Service

public class WebSocketService {

    @Autowired

    private SimpMessagingTemplate template;

    /**

     * 广播

     * 发给所有在线用户

     *

     * @param msg

     */

    public void sendMsg(WiselyResponse msg) {

        template.convertAndSend(Constant.PRODUCERPATH, msg);

    }

    /**

     * 发送给指定用户

     * @param users

     * @param msg

     */

    public void send2Users(List<String> users, WiselyResponse msg) {

        users.forEach(userName -> {

            template.convertAndSendToUser(userName, Constant.P2PPUSHPATH, msg);

        });

    }

}

控制器

@Controller

public class WsController {

    @Resource

    WebSocketService webSocketService;

    @MessageMapping(Constant.FORETOSERVERPATH)//@MessageMapping和@RequestMapping功能类似，用于设置URL映射地址，浏览器向服务器发起请求，需要通过该地址。

    @SendTo(Constant.PRODUCERPATH)//如果服务器接受到了消息，就会对订阅了@SendTo括号中的地址传送消息。

    public WiselyResponse say(WiselyMessage message) throws Exception {

        List<String> users = Lists.newArrayList();

        users.add("d892bf12bf7d11e793b69c5c8e6f60fb");//此处写死只是为了方便测试,此值需要对应页面中订阅个人消息的userId

        webSocketService.send2Users(users, new WiselyResponse("admin hello"));

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

    }

}

页面

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

        <p id="response1"></p>

    </div>

</div>

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

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

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

<script src="https://cdn.bootcss.com/sockjs-client/1.1.4/sockjs.min.js"></script>

<script src="https://cdn.bootcss.com/stomp.js/2.3.3/stomp.min.js"></script>

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

<script th:inline="javascript">

    var stompClient = null;

    //此值有服务端传递给前端,实现方式没有要求

    var userId = [[${userId}]];

    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连接SockJS的endpoint是“endpointWisely”，与后台代码中注册的endpoint要一样。

        stompClient = Stomp.over(socket);//2创建STOMP协议的webSocket客户端。

        stompClient.connect({}, function(frame) {//3连接webSocket的服务端。

            setConnected(true);

            console.log('开始进行连接Connected: ' + frame);

            //4通过stompClient.subscribe（）订阅服务器的目标是'/topic/getResponse'发送过来的地址，与@SendTo中的地址对应。

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

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

            });

            //4通过stompClient.subscribe（）订阅服务器的目标是'/user/' + userId + '/msg'接收一对一的推送消息,其中userId由服务端传递过来,用于表示唯一的用户,通过此值将消息精确推送给一个用户

            stompClient.subscribe('/user/' + userId + '/msg', function(respnose){

                console.log(respnose);

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

            });

        });

    }

    function disconnect() {

        if (stompClient != null) {

            stompClient.disconnect();

        }

        setConnected(false);

        console.log("Disconnected");

    }

    function sendName() {

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

        //通过stompClient.send（）向地址为"/welcome"的服务器地址发起请求，与@MessageMapping里的地址对应。因为我们配置了registry.setApplicationDestinationPrefixes(Constant.WEBSOCKETPATHPERFIX);所以需要增加前缀/ws-push/

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

    }

    function showResponse(message) {

        var response = $("#response");

        response.html(message);

    }

    function showResponse1(message) {

        var response = $("#response1");

        response.html(message);

    }

</script>

</body>

</html>

springboot整合websocket实现一对一消息推送和广播消息推送的更多相关文章

  1. Springboot整合Websocket遇到的坑

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

  2. SpringBoot 整合 WebSocket

    SpringBoot 整合 WebSocket(topic广播) 1.什么是WebSocket WebSocket为游览器和服务器提供了双工异步通信的功能,即游览器可以向服务器发送消息,服务器也可以向 ...

  3. SpringBoot整合websocket简单示例

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

  4. springboot整合websocket原生版

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

  5. SpringBoot整合WebSocket实现前后端互推消息

    小编写这篇文章是为了记录实现WebSocket的过程,受不了啰嗦的同学可以直接看代码. 前段时间做项目时设计了一个广播的场景,具体业务不再赘述,最终要实现的效果就是平台接收到的信息实时发布给所有的用户 ...

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

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

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

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

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

  9. springboot整合websocket高级版

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

随机推荐

  1. BIOS + MBR > UEFI + GPT

    BIOS + MBR > UEFI + GPT硬件接口系统与磁盘分区UEFI用于取代老旧的BIOS,而GPT则取代老旧的MBR. 名词解释: BIOS (Basic Input/Output S ...

  2. 学习笔记TF045:人工智能、深度学习、TensorFlow、比赛、公司

    人工智能,用计算机实现人类智能.机器通过大量训练数据训练,程序不断自我学习.修正训练模型.模型本质,一堆参数,描述业务特点.机器学习和深度学习(结合深度神经网络). 传统计算机器下棋,贪婪算法,Alp ...

  3. 深入学习Motan系列（五）—— 序列化与编码协议

    一.序列化 1.什么是序列化和反序列化? 序列化:将对象变成有序的字节流,里面保存了对象的状态和相关描述信息. 反序列化:将有序的字节流恢复成对象. 一句话来说,就是对象的保存与恢复. 为什么需要这个 ...

  4. 基于ajax 验证表单是否被占用----------------附：10.25日总结

    总得来说,今天的主要工作是注册页面的处理, 1.判断 用户名与密码是否为空值 ,两次密码框输入的值是否相同.判断邮箱过程中,有使用到正则表达式 2.用户名是否使用过,有用到了json与ajax的知识. ...

  5. kvm创建新虚拟机

    安装图形化管理界面yum install virt-manager -y 安装好之后 新建虚拟机,我使用的方法是使用ISO镜像文件安装 选择镜像 设置内存 如此,一步一步走下去即可,不再截图 创建好之 ...

  6. 关于想通过ros的dstnat实现公网IP nat 公网IP的情况

    转发群里大神的“苏州-海豚在跳舞”的图 理论上客户机收到2.2.2.2过来的包应该直接丢弃.因为它并没有给2.2.2.2发过包.这里不知道如果在2.2.2.2上做 src-nat伪装成1.1.1.1回 ...

  7. python：数据类型list

    一.列表list list是python中基础的数据类型之一,它是以[ ]括起来,每个元素以逗号隔开,而且他里面可以存放各种数据类型 li = ['alex', 123, True, (1, 2, 3 ...

  8. [sql]sql函数coalesce返回第一个非空的值

    下面来看几个比较有用的例子: 首先,从MSDN上看看这个函数的使用方法,coalesce函数(下面简称函数),返回一个参数中非空的值.如: SELECT  COALESCE(NULL, NULL, G ...

  9. wordpress 解决文章内http链接问题

    1. 登录Wordpress后台, 常规设置  > 里面把站点URL 修改成 https开头 2. 登录phpmyadmin , 执行替换链接的SQL 替换wordpress配置的链接地址 (可 ...

  10. 网页提示504 gateway time-out是什么意思?如何解决?

    大家在访问网站的时候通常会遇到502错误.404错误等,很少会遇到504错误.但是在我们去访问大流量或者内容数据量较多的网站时,打开网页偶尔就会出现504 gateway time-out,这到底是什 ...