websocket+RabbitMq完成网页消息的即时推送

最新推荐文章于 2024-08-09 17:57:33 发布

3wtczs93点抗母

最新推荐文章于 2024-08-09 17:57:33 发布

阅读量5.1k

点赞数

分类专栏：后台框架

本文链接：https://blog.csdn.net/fsgsggd/article/details/81369625

版权

本文介绍了一种结合WebSocket和RabbitMQ实现网页消息即时推送的方法。通过WebSocket建立持久连接，减少长轮询带来的性能损耗，利用RabbitMQ作为消息队列，实现消息的高效传递。用户登录时创建WebSocket连接，并设置RabbitMQ消费者代表用户接收消息。当生产者发送信息时，消费者能即时获取并推送到前端。

摘要由CSDN通过智能技术生成

演示效果地址：https://v.douyu.com/show/4xq3WDRmEq07LGNz

理论：websocket以前大多是长轮询实现，长轮询需要不停的主动去连接服务器询问是否有新消息，耗费性能。而websocket浏览器和服务器只需要做一个握手的动作，然后，浏览器和服务器之间就形成了一条快速通道。两者之间就直接可以数据互相传送。Rabbitmq消息队列简单组成就可以看成是生产者，队列，消费者，生产者创建信息通过队列发送给消费者，消费者接收消息。两者结合起来，用户登录时就创建websocket连接，建立起一个浏览器和服务器的通道，同时创建一个特定的Rabbitmq消费者，用来代表这个用户来处理生产者发送过来的消息。那么生产者发送信息，消费者只要在线就能自动收取到信息，通过建立好的通道推送到前端。

具体代码实现：

前端页面：

<%
	String path = request.getContextPath();
	String basePath = request.getServerName() + ":"
			+ request.getServerPort() + path + "/";
%>
var path = '<%=basePath%>';
		var uid='<%=request.getSession().getAttribute("personId")%>';
		
		var websocket;
		if ('WebSocket' in window) {
			websocket = new WebSocket("ws://" + path + "ws.do?uid="+uid);
		} else if ('MozWebSocket' in window) {
			websocket = new MozWebSocket("ws://" + path + "/ws"+uid);
		} else {
			websocket = new SockJS("http://" + path + "/ws/sockjs"+uid);
		}
		websocket.onopen = function(event) {
			console.log("WebSocket:已连接");
			console.log(event);
		};
		websocket.onmessage = function(event) {
			console.log("WebSocket:收到一条消息",event.data);
			$.messager.alert('提示','你有一条新消息','info');
			getToDoListNum();
		};
		websocket.onerror = function(event) {
			console.log("WebSocket:发生错误 ");
			console.log(event);
		};
		websocket.onclose = function(event) {
			console.log("WebSocket:已关闭");
			console.log(event);
		}

后台代码：

1.spring需分别和websocket，rabbitmq整合pom：

<!-- spring结合websocket -->
        <dependency>  
		   <groupId>org.springframework</groupId>  
		   <artifactId>spring-websocket</artifactId>  
		   <