uniapp_微信小程序_mqtt封装以及必能用版本_uniapp 微信小程序 mqtt-优快云博客

##uniapp_微信小程序_mqtt封装以及必能用版本

用来总结和学习，便于自己查找

文章目录

一、下载mqtt版本,以及相关问题?
二、mqtt代码封装？
2.1 使用代码封装？

一、下载mqtt版本,以及相关问题?

不多废话直接上能用的版本,先说一下之前的3.0.0版本只能在开发者工具使用，真机还有体验版本都不行，找
问题头都大了，换成最新的5点几版本也不行，最后找到4.1.0就可以了

npm i  mqtt@4.1.0

二、mqtt代码封装？

import mqtt from 'mqtt/dist/mqtt';

// import * as mqtt from 'mqtt/dist/mqtt'; // 直接使用 *


class MQTT {
  constructor({ clientId, cleanSession = false, keepAlive = 60 }) {
    this.url = 'wxs://mqtt.zh-zhsq.com:8084/mqtt';  // 写死的 URL
    this.clientId = clientId;
    this.username = 'zhylqsd';  // 写死的用户名
    this.password = 'zhylqsd~~@@abc';  // 写死的密码
    this.cleanSession = cleanSession;  // 默认值
    this.keepAlive = keepAlive;  // 默认值
    this.client = null;
  }

  // 初始化 MQTT
  init() {
    const options = {
      clean: this.cleanSession,  // 使用 cleanSession 设置
      clientId: this.clientId,
      username: this.username,  // 使用写死的用户名
      password: this.password,  // 使用写死的密码
      connectTimeout: 4000,  // 超时时间
      keepalive: this.keepAlive,  // 使用 keepAlive 设置
    };
    this.client = mqtt.connect(this.url, options);
	  this.client.on('connect', () => {
	    console.log("连接成功",this.client);
	  });
    this.client.on('error', (error) => {
      console.error('MQTT连接错误:', error);
    });
    this.client.on('reconnect', (error) => {
      console.log('正在重新连接:', error,this.client);
    });
  }

  // 订阅主题
  subscribe(topic) {
    this.client.subscribe(topic, (error) => {
      if (!error) {
        console.log(`已订阅新主题111: ${topic}`);
      } else {
        console.log(`订阅失败: ${topic}`, error);
      }
    });
  }

  // 取消订阅
  unsubscribe(topic) {
    this.client.unsubscribe(topic, (error) => {
      if (!error) {
        console.log(`已取消订阅11111: ${topic}`);
      } else {
        console.log(`取消订阅失败: ${topic}`, error);
      }
    });
  }

  // 接收消息
  get(callback) {
    this.client.on('message', callback);
  }

  // 断开连接
  over() {
	  if(this.client){
		 this.client.end();
		 console.log("断开mqtt连接"); 
	  }
    
  }
}

export default MQTT;

2.1 使用代码封装？

import MQTT from '../../pagesMy/utils/mqtt.js';//引入先
	reconnctmqtt() {

				// 配置 MQTT 参数
				this.mqttClient = new MQTT({
					clientId: "zhyl_" + this.res.Ext.privatekey,
				});
				this.mqttClient.init();
				const defaultTopic= this.res.Ext.privatekey
				this.mqttClient.subscribe(defaultTopic);
				// 接收消息，使用回调函数处理
				this.mqttClient.get((topic, message) => {
					console.log(`收到来自 ${topic} 的消息:`, JSON.parse(message.toString()));
				});
			},
			beforeDestroy() {
			const privatekey = this.res.Ext.privatekey
			const defaultTopic1 = `zh-ylgl/zhylqsd/${privatekey}/${this.bedid}`;
			this.mqttClient.unsubscribe(defaultTopic1)
			
				this.mqttClient.over()
			
			
		},