QT安卓MQTT温湿度检测（一）

　　近期闲来无事，又常常听人谈论MQTT通讯协议，于是花费了2周时间制作了这个小系统，一为巩固所学到的知识，二为日后方便查阅。通过手机APP可以随时检测温湿度数据和简单的控制。共分为3部分，第一部分为QT安卓APP的开发，第二部分为搭建云服务器，第三部分为硬件单片机采集上报数据。APP截图如下：

1、首先下载qmtt https://github.com/emqtt/qmqtt  获得qmtt源码（有的网络环境无法响应github ,可以通过手机网络下载）

 

 

 

 

 2、新建一个QT工程

　　　　1）在pro文件中增加 QT += network

　　　　2)  将mqtt源码目录中的 scr文件中的.h 头文件和.cpp源文件全部拷贝至工程目录下，并添加到工程中

 

 

 

 

3）头文件widget.h

#ifndef WIDGET_H
#define WIDGET_H

#include <QWidget>
#include "qmqtt.h"
#include <QDebug>
#include <QHostInfo>
#include <QTimer>
#include <QNetworkInterface>

namespace Ui {
class Widget;
}

class Widget : public QWidget
{
    Q_OBJECT

public:
    explicit Widget(QWidget *parent = nullptr);
    ~Widget();
    void mqttInit(QString domainName, quint16 Port);
public slots:
    void doConnected();//连接成功
    void doDisconnected();//MQTT连接断开
    void doDataReceived(QMQTT::Message);//MQTT收到数据

private slots:
    void on_pushButton_clicked();
    void t1Updata();

private:
    Ui::Widget *ui;
    QMQTT::Client client;
    int devStatus = 0;
    bool setLed = 0;
    QTimer *t1;

    QString  strMac;
};

#endif // WIDGET_H

4）widget.cpp

#include "widget.h"
#include "ui_widget.h"

Widget::Widget(QWidget *parent) :
    QWidget(parent),
    ui(new Ui::Widget)
{
    ui->setupUi(this);

    //获取当前有效网卡 并于MQTT客户端登录时 的clientID ,方便管理不同手机在服务器所生成的客户端ID

    QList<QNetworkInterface> ifaces = QNetworkInterface::allInterfaces();//获取所有网卡信息
    for (int i = 0; i < ifaces.count(); i++)
    {
        QNetworkInterface iface = ifaces.at(i);
        if ( iface.flags().testFlag(QNetworkInterface::IsUp) && iface.flags().testFlag(QNetworkInterface::IsRunning) && !iface.flags().testFlag(QNetworkInterface::IsLoopBack))
        {
            for (int j=0; j<iface.addressEntries().count(); j++)
            {
                strMac = iface.hardwareAddress();
                i = ifaces.count(); //跳出外层循环
                break;
            }
        }
    }
    qDebug() << "mac is ==============="<< strMac;


    //MQTT客户端参数配置，并登录服务器
    mqttInit("服务器地址",1883); 

    //连接槽函数和断开连接槽函数
    connect(&client,SIGNAL(connected()),this,SLOT(doConnected()));
    connect(&client,SIGNAL(disconnected()),this,SLOT(doDisconnected()));

    
    //为APP图片加载图片资源
    QImage im;
    im.load(":/image/image/hr.png");
    ui->label_hrpic->setPixmap(QPixmap::fromImage(im));
    
    im.load(":/image/image/wd.png");
    ui->label_wdpic->setPixmap(QPixmap::fromImage(im));

    im.load(":/image/image/led.png");
    ui->label_led->setPixmap(QPixmap::fromImage(im).scaled(120,120));
    ui->label_devState->setText("离线");

    ui->groupBox->setStyleSheet("background-color:rgb(100,230,20);border-radius:20px;");
    ui->pushButton->setStyleSheet("background-color:rgb(100,230,20);border-radius:20px;");

    
    //定时器1用于辅助获取硬件设备的在线状态
    t1 = new QTimer();
    connect(t1,SIGNAL(timeout()),this,SLOT(t1Updata()));
    t1->start(1000);


}



Widget::~Widget()
{
    delete ui;
}

/**
 * @brief Widget::mqttInit
 * @param domainName 服务器地址
 * @param Port 端口号
 */
void Widget::mqttInit(QString domainName, quint16 Port)
{
    QHostInfo info = QHostInfo::fromName(domainName);
    QString host = info.addresses().first().toString(); // 代理服务器 IP
    qDebug() << host;

//  client = new QMQTT::Client(QHostAddress(host),Port);

    client.setKeepAlive(100);
    client.setHost(QHostAddress(host));
    client.setPort(Port);
    client.setClientId(strMac);
    client.setUsername("tankQTandroid");
    client.setPassword("");
    client.cleanSession();
    client.setVersion(QMQTT::MQTTVersion::V3_1_1); // 设置mqtt版本
    connect(&client,SIGNAL(received(QMQTT::Message)),this,SLOT(doDataReceived(QMQTT::Message)));

    client.connectToHost();
}

/**
 * @brief Widget::on_pushButton_clicked 开灯按钮
 */
void Widget::on_pushButton_clicked()
{
         QString topic = "tank/1"; //已经订阅的主题
         QByteArray payload;
         payload[0] = 0xf7;
         if(setLed == 0)
         {
            payload[1] = 0xaa;
         }
         else {
             payload[1] = 0x55;
         }
         QMQTT::Message message(136,topic,payload); //初始化发布内容
         client.publish(message);  //发布消息
}

/**
  * @brief Widget::doConnected 连接成功后触发
  */
 void Widget::doConnected()
 {

     client.subscribe("tank/1"); //订阅主题

 }

 /**
  * @brief Widget::doDisconnected 意外断开后触发
  */
 void Widget::doDisconnected()
 {

      mqttInit("服务器地址",1883); //重新连接服务器
 }

 /**
  * @brief Widget::doDataReceived //接收到订阅的信息后触发
  * @param message 
  */
 void Widget::doDataReceived(QMQTT::Message message)
 {
     QByteArray mes; //mes 5个字节分别为 温度整数 温度小数 湿度整数 湿度小数 灯状态（0xaa/0x55）
     mes.resize(5);
     mes = message.payload();
     qDebug() << "mes size is" << message.payload().size();
     qDebug() << QString::number(mes[0], 16)<< QString::number(mes[1], 16)<< QString::number(mes[2], 16)<< QString::number(mes[3], 16);
     if(mes.at(0) != 0xf7) //0xf7 0xaa/0x55为手机端主动发布的开关灯指令消息，此处回传订阅屏蔽处理
     {
          ui->label_wd->setText(QString::number(mes[0]) + "." + QString::number(mes[1]) + "℃");
          ui->label_hr->setText(QString::number(mes[2])  + "%");
          if(mes.at(4) == 0xaa)
          {
              ui->label_ledStatus->setText("打开");
              ui->pushButton->setText("关灯");
              setLed = 1;
          }
          else {
              ui->label_ledStatus->setText("关闭");
              ui->pushButton->setText("开灯");
              setLed = 0;
          }
     }

     if(devStatus == 0)  //收到信息后显示在线
     {
         devStatus = 1;
         ui->label_devState->setText("在线"); 
     }
     if(devStatus > 1)  //接收信息后复位devStatus 
     {
         devStatus = 1;
     }
 }
void Widget::t1Updata()
{
    if(devStatus > 0)
    {
        if(++ devStatus > 5) //如果没有接收到订阅消息 溢出显示离线
        {
            ui->label_devState->setText("离线");
            devStatus = 0;
        }
    }
}

5）为工程添加图片资源

　　　　　　右键点击工程项目名字 选择 add new 选择QT> Qt Resource File

 

 　　　　　　右键.prc文件→open with→资源编辑器，打开资源编辑器，在资源编辑器界面单击"添加"按钮，选择"添加前缀",然后将属性栏中的前缀改为"/image",再单击"添加"按钮，"添加文件",在弹出的对话框中选择image中的图片文件。添加完成后.qrc目录下会有已经　添加完成的图片文件