JAVA-数据监控：如何在前端上监听到RabbitMQ发送消息，深入剖析反面典型案例

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

接下来我们就要开始写一个案例进行测试。
#前端Stomp监听RabbitMQ

如果这个时候我们发送一条消息到消息队列，那么接下来他就会在页面上展示出我们需要的内容。

我们看看代码是怎么写的吧。

if (typeof WebSocket == ‘undefined’) {
console.log(‘不支持websocket’)
}

// 初始化 ws 对象

var ws = new WebSocket(‘ws://localhost:15674/ws’);

// 获得Stomp client对象
var client = Stomp.over(ws);

// 定义连接成功回调函数
var on_connect = function(x) {
//data.body是接收到的数据
client.subscribe(“/Fanout_Exchange/testMessage”, function(data) {
var msg = data.body;
alert(“收到数据：” + msg);
});
};

// 定义错误时回调函数
var on_error = function() {
console.log(‘连接错误，请重试’);
};

// 连接RabbitMQ
client.connect(‘guest’, ‘guest’, on_connect, on_error, ‘/’);
console.log(“>>>RabbitMQ已连接，测试正式开始”);

而这里面写的内容就比较有意思了，因为之前很多人都会发现，不管怎么写，都是不行，那是因为没有完全的理解，阿粉最后总结了一下关于Stomp的使用。

#总结
1./exchange/(exchangeName)

对于 SUBCRIBE frame，destination 一般为/exchange/(exchangeName)/[/pattern] 的形式。该 destination 会创建一个唯一的、自动删除的、名为(exchangeName)的 queue，并根据 pattern 将该 queue 绑定到所给的 exchange，实现对该队列的消息订阅。
对于 SEND frame，destination 一般为/exchange/(exchangeName)/[/routingKey] 的形式。这种情况下消息就会被发送到定义的 exchange 中，并且指定了 routingKey。
2./queue/(queueName)

对于 SUBCRIBE frame，destination 会定义(queueName)的共享 queue，并且实现对该队列的消息订阅。
对于 SEND frame，destination 只会在第一次发送消息的时候会定义(queueName)的共享 queue。该消息会被发送到默认的 exchange 中，routingKey 即为(queueName)。
3./amq/queue/(queueName)

这种情况下无论是 SUBCRIBE frame 还是 SEND frame 都不会产生 queue。但如果该 queue 不存在，SUBCRIBE frame 会报错。
对于 SUBCRIBE frame，destination 会实现对队列(queueName)的消息订阅。
对于 SEND frame，消息会通过默认的 exhcange 直接被发送到队列(queueName)中。
4./topic/(topicName)

对于 SUBCRIBE frame，destination 创建出自动删除的、非持久的 queue 并根据 routingkey 为(topicName)绑定到 amq.topic exchange 上，同时实现对该 queue 的订阅。
对于 SEND frame，消息会被发送到 amq.topic exchange 中，routingKey 为(topicName)。

关于如何在前端监听RabbitMQ消息，你学会了么?
#最后
码字不易，如果觉得本篇文章对你有用的话，请给我点赞！关注作者，后续会有更多的干货分享，请持续关注！

基础面试题

主要内容包括：HTML，CSS，JavaScript，浏览器，性能优化等等

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**