import mqtt from './mqtt.min.js'
import api from './apiUrl';
export const LISTENMQTT = {
CONNECT_SUCCESS: 'CONNECTSUCCESS', //链接成功
SUBSCRIBE_SUCCESS: 'SUBSCRIBESUCCESS', //订阅成功
SUBSCRIBE_FAILED: 'SUBSCRIBE_FAILED', //订阅失败
SENDMESSAGE_SUCCESS: 'SENDMESSAGE_SUCCESS', //消息发送成功!
CLOSE_SUCCESS: 'CLOSE_SUCCESS', //关闭成功!
}
const Mqtt = function (roomId) {
this.messageCallback = null
this.mqtt = mqtt
this.clientId = guid();
const options = {
clean: true,
connectTimeout: 5000, // 连接超时时间 毫秒
clientId: this.clientId, // 客户端id
};
this.client = this.mqtt.connect(api.MQTT, options)
this.client.on('connect', e => {
this.client.subscribe(api.TOPIC + roomId, {}, (err) => {
console.log('subscribe:' + err)
// this.client.publish(api.TOPIC + roomId, '测试消息')
})
})
//接收消息
mqtt封装
于 2022-03-01 09:17:15 首次发布
本文介绍了如何在Vue.js项目中封装MQTT协议,实现与物联网设备的实时通信。通过创建一个可复用的MQTT组件,详细讲解了连接设置、消息订阅与发布的方法,为前端与后台数据交互提供了一个实用的解决方案。
摘要由CSDN通过智能技术生成