前端使用mqtt直接连接active mq 收发消息

背景:以前都是在java后端连接active mq,然后用websocket实时推送到前端,觉得麻烦,就全部改成前端直连amq.

需要引用mqtt.js.

demo介绍:

页面:

功能:
在白框中输入文字,点击发送信息,会在粉框中实时显示。

实现:

在mqtt的基础上,再次封装了一个MqttConnect对象,便于创建连接、对象方法的重写和调用、订阅多个主题,还有连接失败、连接中断自动重连的功能。

注意:
创建连接的时候,需要一个clientId参数,这个参数必须唯一,类型是字符串,类型是字符串,类型是字符串,否则会报错。
可以使用时间戳的字符串,new Date().getTime().toString()。

代码就不贴在这里了,整个demo我放在github上吧。

github戳这里噢

posted on 2021-12-13 16:39  northwest  阅读(703)  评论(1编辑  收藏  举报

导航