文章只包含前端代码
一、安装 npm install stompjs --legacy-peer-deps
npm install net --legacy-peer-deps
二、代码
// 前端链接rabbitmq实现消息实时推送
// 初始化 ws 对象
useEffect(() => {
let ws = new WebSocket("ws://192.168.2.8:15674/ws");
// 获得Stomp client对象
let client = Stomp.over(ws);
/// 定义连接成功回调函数
let on_connect = function () {
//同上
client.subscribe("batch.q", function (data) {
let msg = data.body;
console.log("收到数据:" + msg);
});
};
// 定义错误时回调函数
let on_error = function () {
console.log("定义错误时回调函数,error");
};
// 连接RabbitMQ,输入用户名和密码,连接成功和失败函数
client.connect("admin", "admin", on_connect, on_error, "manage");
console.log(">>>连接上http://192.168.2.8:15675");
return () => {
client.disconnect(); //组件销毁时断开连接
};
}, []);
三、成功
断开