162 lines
4.0 KiB
JavaScript
162 lines
4.0 KiB
JavaScript
|
|
// MQTT工具包 - 兼容H5、App、微信小程序
|
|||
|
|
// 参考:https://blogs.seecsdn.cn/online/2025-09-27/0ecf1401e23b25be5f8c7e4377d8b5dd.html
|
|||
|
|
|
|||
|
|
let mqtturl;
|
|||
|
|
|
|||
|
|
// #ifdef H5
|
|||
|
|
mqtturl = "ws://122.51.194.184:8083/mqtt";
|
|||
|
|
import * as mqtt from "mqtt/dist/mqtt.min.js";
|
|||
|
|
// #endif
|
|||
|
|
|
|||
|
|
// #ifdef APP-PLUS || MP-WEIXIN
|
|||
|
|
mqtturl = "wx://122.51.194.184:8083/mqtt";
|
|||
|
|
import * as mqtt from "mqtt/dist/mqtt.min.js";
|
|||
|
|
//#endif
|
|||
|
|
|
|||
|
|
// #ifdef MP-ALIPAY
|
|||
|
|
mqtturl = "alis://122.51.194.184:8083/mqtt";
|
|||
|
|
import * as mqtt from "@/utils/mqtt.min.js";
|
|||
|
|
//#endif
|
|||
|
|
|
|||
|
|
function messageid2() {
|
|||
|
|
// 2位随机数
|
|||
|
|
return Math.floor(Math.random() * (99 - 10)) + 10;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var client;
|
|||
|
|
|
|||
|
|
// 创建MQTT连接
|
|||
|
|
const createMqtt = () => {
|
|||
|
|
let options = {
|
|||
|
|
keepalive: 30,
|
|||
|
|
clientId: `mobile-inspection-system-${messageid2()}`, // 客户端ID
|
|||
|
|
protocolId: 'MQTT',
|
|||
|
|
username: "dmbroker",
|
|||
|
|
password: "qwer1234",
|
|||
|
|
protocolVersion: 4,
|
|||
|
|
clean: true,
|
|||
|
|
reconnectPeriod: 1000, // reconnectPeriod为1000毫秒,这意味着在连接丢失之后,客户端将在1秒后尝试重新连接。
|
|||
|
|
connectTimeout: 5000, // 5s超时时间 意味着mqtt-reconnect函数5秒钟触发一次
|
|||
|
|
topic: "HDYDCJ_01_DOWN",
|
|||
|
|
rejectUnauthorized: false,
|
|||
|
|
// #ifdef MP-ALIPAY
|
|||
|
|
my: my,//注意这里的my
|
|||
|
|
//#endif
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
try {
|
|||
|
|
if (!client) {
|
|||
|
|
console.log('🔧 开始创建MQTT连接...');
|
|||
|
|
console.log('🔧 MQTT URL:', mqtturl);
|
|||
|
|
console.log('🔧 连接选项:', options);
|
|||
|
|
|
|||
|
|
client = mqtt.connect(mqtturl, options);
|
|||
|
|
initEventHandleMqtt(options.topic);
|
|||
|
|
}
|
|||
|
|
} catch (e) {
|
|||
|
|
console.error('❌ MQTT连接创建失败:', e);
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
//建立连接
|
|||
|
|
const initEventHandleMqtt = (topicUrl) => {
|
|||
|
|
// 当连接成功时触发
|
|||
|
|
client.on("connect", function() {
|
|||
|
|
uni.hideLoading();
|
|||
|
|
console.log("✅ MQTT连接成功");
|
|||
|
|
//订阅主题
|
|||
|
|
client.subscribe(topicUrl, function(err) {
|
|||
|
|
if (err) {
|
|||
|
|
console.error("❌ MQTT订阅主题失败:", err);
|
|||
|
|
} else {
|
|||
|
|
console.log("✅ MQTT订阅主题成功:", topicUrl);
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//如果mqttws订阅主题成功,那么这里就是当接收到自己订阅主题的处理逻辑
|
|||
|
|
client.on("message", function(topic, message) {
|
|||
|
|
try {
|
|||
|
|
console.log('📨 收到MQTT消息:');
|
|||
|
|
console.log('主题:', topic);
|
|||
|
|
console.log('消息内容:', message.toString());
|
|||
|
|
|
|||
|
|
// 获取信息
|
|||
|
|
const mqttData = JSON.parse(message.toString());
|
|||
|
|
console.log('📋 解析后的数据:', mqttData);
|
|||
|
|
|
|||
|
|
// 传递信息
|
|||
|
|
uni.$emit("mqttData", mqttData);
|
|||
|
|
} catch (error) {
|
|||
|
|
console.error('❌ 处理MQTT消息失败:', error);
|
|||
|
|
console.error('原始消息:', message.toString());
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 当断开连接后,经过重连间隔时间重新自动连接到 Broker 时触发
|
|||
|
|
client.on('reconnect', function() {
|
|||
|
|
console.log('🔄 MQTT重新连接中...');
|
|||
|
|
uni.showLoading({
|
|||
|
|
title: "重新连接"
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 当客户端无法成功连接时或发生解析错误时触发,参数 error 为错误信息
|
|||
|
|
client.on("error", function(err) {
|
|||
|
|
console.error('❌ MQTT连接错误:', err);
|
|||
|
|
uni.showToast({
|
|||
|
|
title: 'MQTT连接错误',
|
|||
|
|
icon: 'error',
|
|||
|
|
duration: 3000
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 在收到 Broker 发送过来的断开连接的报文时触发
|
|||
|
|
client.on('disconnect', function() {
|
|||
|
|
console.log('⚠️ MQTT连接断开');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 在断开连接以后触发
|
|||
|
|
client.on("close", function() {
|
|||
|
|
console.log('🔌 MQTT连接关闭');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 当客户端下线时触发
|
|||
|
|
client.on("offline", function() {
|
|||
|
|
console.log('📴 MQTT客户端离线');
|
|||
|
|
});
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
//强制断开Mqtt
|
|||
|
|
const closeMqtt = () => {
|
|||
|
|
if (client) {
|
|||
|
|
console.log('🔌 强制断开MQTT连接');
|
|||
|
|
client.end();
|
|||
|
|
client = null;
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 使用pingResp心跳判断客户端和服务端是否还在连接着
|
|||
|
|
const judgeBeat = () => {
|
|||
|
|
if (client && client.pingResp === false) {
|
|||
|
|
console.log('💔 MQTT心跳停止,准备重连');
|
|||
|
|
uni.showLoading({
|
|||
|
|
title: "心跳停止,等待重连..."
|
|||
|
|
});
|
|||
|
|
closeMqtt();
|
|||
|
|
createMqtt();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
// 获取连接状态
|
|||
|
|
const getConnectionStatus = () => {
|
|||
|
|
return client && client.connected;
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
export {
|
|||
|
|
createMqtt,
|
|||
|
|
closeMqtt,
|
|||
|
|
judgeBeat,
|
|||
|
|
getConnectionStatus,
|
|||
|
|
client,
|
|||
|
|
}
|