前端使用 rabbitmq

安装rabbitmq

自行百度

安装rabbitmq stomq

stomq 的作用

Stomp是一个简单的消息文本协议(不重点介绍,没仔细研究过)。RabbitMQ中STOMP plugin的集成,实现了由浏览器通过WebSocket协议访问消息队列,SockJS作为后备(旧版的浏览器不支持WebSocket协议)

stomq 安装

windows 与 linux 自行百度

安装成功界面

前端使用 rabbitmq_第1张图片

前端使用 rabbitmq 的方式

参考连接

https://www.cnblogs.com/puyangsky/p/6666624.html

demo


<html>
<head>
    <title>My WebSockettitle>
head>
 
<body>
Welcome<br/>
<input id="text" type="text" />
<div id="message">
div>
body>
<script src="https://cdn.bootcss.com/stomp.js/2.3.3/stomp.js">script>
<script src="https://cdn.bootcss.com/sockjs-client/1.1.4/sockjs.js">script>
<script type="text/javascript">
 
if (typeof WebSocket == 'undefined') {
    console.log('不支持websocket')
}
 
// 初始化 ws 对象
 
var ws = new WebSocket('ws://127.0.0.1:15674/ws');
 
// 获得Stomp client对象
var client = Stomp.over(ws);
 
// SockJS does not support heart-beat: disable heart-beats
//client.heartbeat.outgoing = 0;
//client.heartbeat.incoming = 0;
//client.debug = pipe('#second');
 
// 定义连接成功回调函数
var on_connect = function(x) {
    //data.body是接收到的数据
    client.subscribe("/queue/hello", function(data) {
        var msg = data.body;
		console.log("收到数据:"+msg)
    });
};
 
// 定义错误时回调函数
var on_error =  function() {
    console.log('error');
};
 
// 连接RabbitMQ
client.connect('guest', 'guest', on_connect, on_error, '/');
console.log(">>>连接上http://localhost:15674");
script>
html>

你可能感兴趣的:(mq,rabbitmq)