【附源码下载】基于Springboot1.5.2/dubbo2.8.4实现Websocket广播和点对点消息推送

写在前边的话:此项目基于springboot1.5.2版本,dubbo使用2.8.4,使用thymleaf为渲染模板,jdk1.7,如springboot为2.0以上版本,请使用jdk1.8,相关接口实现也均已变更。【本人亲测可用,附源码下载地址,可自行下载】


以下代码编辑器格式有点乱, 拷贝后自行格式化


二. 相关代码

0. 变量集合

package com.song.config;/** * 常量 * * @author songshijun * @time 2018-03-27 */public class Constants {/**    * socket常量    */    public static class WebSocket{public static StringWEBSOCKETPATHPERFIX ="/send";public static StringREGISTRY_MSGCENTER ="/registry/msgcenter";//广播中心地址        /** 点对点 */        public static final StringP2PPUSHBASEPATH ="/p2p";//点对点消息推送地址前缀        public static final StringP2PPUSHPATH ="/msg";//点对点消息推送地址后缀,地址: /user/用户识别码/msg        /** 广播地址 */        public static final StringMSGMAPPING_BROADCAST="/broadcast";//消息代理路径        public static final StringRESPONSE_BROADCAST ="/broadcast/response";//客户端订阅地址接收服务端消息    }}

1. websocket相关配置

public class WebSocketConfigextends AbstractWebSocketMessageBrokerConfigurer {@Override    public void registerStompEndpoints(StompEndpointRegistry arg0) {        arg0.addEndpoint(WebSocket.REGISTRY_MSGCENTER).withSockJS();    }@Override    public void configureMessageBroker(MessageBrokerRegistry registry) {//服务端发送消息给客户端的域,多个用逗号隔开        registry.enableSimpleBroker(WebSocket.MSGMAPPING_BROADCAST, WebSocket.P2PPUSHBASEPATH);        registry.setUserDestinationPrefix(WebSocket.P2PPUSHBASEPATH);//定义一对一推送的时候前缀        registry.setApplicationDestinationPrefixes(WebSocket.WEBSOCKETPATHPERFIX);//客户端消息推送路由前缀    }}

2. 消息实体

WiselyMessage.java

package com.song.model;/** * 发送消息实体类 * * @author songshijun * @time 2018-03-27 */public class WiselyMessage {private Stringname;private StringuserId;public String getName() {return name;    }public void setName(String name) {this.name = name;    }public String getUserId() {return userId;    }public void setUserId(String userId) {this.userId = userId;    }}

WiselyResponse.java

package com.song.model;/** * 返回消息实体类 * * @author songshijun * @time 2018-03-27 */public class WiselyResponse {private StringresponseMessage;public String getResponseMessage() {return responseMessage;    }public void setResponseMessage(String responseMessage) {this.responseMessage = responseMessage;    }}

3. 消息发送接口

package com.song.service;import com.song.model.WiselyResponse;import java.util.List;/** * 消息发送接口 * * @author songshijun * @time 2018-03-27 */public interface WebsocketService {void send2Users(List users, WiselyResponse msg);}

4. 消息接口实现类

package com.song.serviceimpl;import static com.song.config.Constants.WebSocket;import com.song.model.WiselyResponse;import com.song.service.WebsocketService;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.messaging.simp.SimpMessagingTemplate;import org.springframework.stereotype.Service;import java.util.List;/** * 消息发送实体类 * * @author songshijun * @time 2018-03-27 */@Servicepublic class WebsocketServiceImplimplements WebsocketService{@Autowired    private SimpMessagingTemplatetemplate;/**    * 发送给指定用户    *    * @param users    * @param msg    */    @Override    public void send2Users(List users, WiselyResponse msg) {for(String user:users){template.convertAndSendToUser(user, WebSocket.P2PPUSHPATH, msg);        }    }}

5. websocket测试主页

html><html xmlns:th="http://www.thymleaf.org"><head><meta charset="UTF-8"/><title th:text="'当前广播站点'+${userId}">title><link rel="stylesheet" th:href="@{/css/app/websocketBroadcast.css}"/>head><body><div><button id="connect" onclick="SocketBroad.connect()">连接button><button id="disconnect" onclick="SocketBroad.disconnect();">断开连接button>div><div id="conversationDiv"><div class="main"><div>广播发送 -->                <span style="margin-top:50px">MSG SEND:<input type="text" id="broadcast" placeholder="请输入广播发布的信息"/>span><span><button onclick="SocketBroad.sendBroadcast();">广播发送button>span><br/>点对点发送 -->                <span style="margin-top:50px">MSG SEND:<input type="text" id="p2p" placeholder="请输入点对点发布的信息"/><input type="text" id="toUser" placeholder="请输入要推送的用户ID"/>span><span><button onclick="SocketBroad.sendP2p();">点对点发送button>span><br/><br/>消息推送页面显示 -->                <span style="margin-top:50px">Receive the broadcast message:span><span><p id="response">p>span><span style="margin-top:50px">Receive the P2P message:span><span><p id="response1">p>span>div>div>div><script type="text/javascript" th:src="@{/js/common/stomp.min.js}">script><script type="text/javascript" src="/js/common/sockjs.min.js">script><script type="text/javascript" src="/js/common/jquery-1.8.3.min.js">script><script type="text/javascript" src="/js/app/socketBroad.js">script><script th:inline="javascript">var userId= [[${userId}]];script>body>html>

6. 页面逻辑js

var SocketBroad = (function($){var stompClient =null;/**    * 连接设置    *    * @param connected    */    var setConnected =function (connected) {document.getElementById('connect').disabled = connected;document.getElementById('disconnect').disabled = !connected;document.getElementById('conversationDiv').style.visibility = connected ?'visible' :'hidden';        $('#response').html();    }/**    * 建立长连接    */    var connect =function () {var socket =new SockJS('/registry/msgcenter');stompClient =Stomp.over(socket);stompClient.connect({},function(frame) {setConnected(true);console.log('Connected:' + frame);//地址订阅            stompClient.subscribe('/broadcast/response',function(response) {console.log(response)showResponse(JSON.parse(response.body).responseMessage);            });stompClient.subscribe('/p2p/' +userId +'/msg',function(respnose){console.log(respnose);showResponse1(JSON.parse(respnose.body).responseMessage);            });        });    }/**    * 断开连接    */    var disconnect =function () {if (stompClient !=null) {stompClient.disconnect();        }setConnected(false);console.log("Disconnected");    }/**    * 发布广播消息    */    var sendBroadcast =function () {var name = $('#broadcast').val();stompClient.send("/send/broadcast", {},JSON.stringify({name:name}));    }var sendP2p =function(){var name = $('#p2p').val();var userId = $('#toUser').val();if(!userId){alert("请输入要推送的用户ID");return;        }stompClient.send("/send/p2p", {},JSON.stringify({name:name,userId:userId}));    }/**    * 渲染接接收的广播消息    * @param message    */    var showResponse =function (message) {var response = $('#response');response.html(message);    }var showResponse1 =function (message) {var response = $("#response1");response.html(message);    }return {connect:connect,disconnect:disconnect,sendBroadcast:sendBroadcast,sendP2p:sendP2p    }})(jQuery)$(function(){SocketBroad.disconnect();})


源码下载地址:【该地址同步本人CSDN账号非盗用】https://download.csdn.net/download/u011127348/10311990

你可能感兴趣的:(【附源码下载】基于Springboot1.5.2/dubbo2.8.4实现Websocket广播和点对点消息推送)