【开源】开发app 控制ESP8266，通过mqtt，app inventor开发

原理简述：利用发布订阅模式，即：ESP8266 订阅了一个主题，再利用app inventor 编写得app 往这个主题发布消息，由于ESP8266 订阅了这个消息，所以就可以收到app发布得消息，从而执行相应得动作。

基于MQTT协议，ESP8266通过MQTT连接到服务器，app也同样通过MQTT连接到服务器，两者通过主题（topic）进行交流。

第一下载ESP8266示例（arduino ide 编程开发）

下载地址: 点击下载

本demo 是利用arduino IDE开发，关于arduino IDE 的ESP8266环境配置可参考：环境配置: 点击跳转

第二修改demo例程

需要修改的信息有WIF名称，WIFI密码，用户私钥UID，设备主题topic。

用户私钥可以巴法云mqtt控制台点击跳转获取，注册绑定邮箱即可在巴法mqtt控制台点击跳转获取。

登陆完成后，可在控制台看到自己的私钥UID，如图所示：

创建主题，在控制台，可创建主题。

第一输入主题，字母或数字或字母数字组合。
点击创建主题。

WIFI名称为自己的路由器WIFI名称，区分大小写，写错会导致连接不上网络的。

关于主题topic：主题可在控制台新建，字母数字自定义组合即可。如下，例程的主题为light01002。

代码语言：txt复制

//********************需要修改的部分*******************//

const char* ssid = "newhtc";//修改，你的路由去WIFI名字
const char* password = "qq123456";//你的WIFI密码
#define ID_MQTT  "4d9ec352e0376f2110a0c601a2857225"     //修改，你的Client ID
const char*  topic = "light01002";  //主题名字，可在巴法云控制台自行创建，名称随意
//**************************************************//

在本demo中是控制的ESP8266的D4口，可根据自己需求更改。

代码语言：txt复制

//单片机LED引脚值
const int B_led = D4;

如果不是nodemcu开发板，请将D4改为自己的开发板引脚，比如改成1、2、3、4、5。

下载程序到ESP8266中，如果WIFI信息没有填错的话ESP8266就会自动连接到云服务器上。

开发者可进行测试，测试方法，在控制台该主题处推送消息，可观察ESP8266是否收到该消息。可通过串口调试助手，打开esp8266串口，查看esp8266日志输出。

消息检测代码：

代码语言：txt复制

//********************可修改的部分*******************//

  if (Mqtt_Buff == "on") {//如果接收字符on，亮灯
    turnOnLed();//开灯函数
  } else if (Mqtt_Buff == "off") {//如果接收字符off，亮灯
    turnOffLed();//关灯函数
  }

//**************************************************//

当检测到消息为on 时，执行开灯，当检测到消息为off 时，执行关灯。开发者可在控制台推送on或者off，然后检测esp8266是否收到，如果收到，说明正常可进行下一步app编写。

说明：消息不单单局限于on或off，开发者可以张大脑洞随意定义的，你推送什么消息，在单片机处做什么消息检测就可以了。

第三 app inventor 开发

原理：同样通过MQTT连接到服务器，当按下按钮，就向服务器该主题推送个消息，ESP8266就可以收到该消息了。

简介：Google App Inventor是一个完全在线开发的Android编程环境，抛弃复杂的程式代码而使用积木式的堆叠法来完成您的Android程式。而且这款编程软件不一定非要是专业的研发人员，甚至根本不需要掌握任何的程序编制知识。因为这款软件已经事先将软件的代码全部编写完毕，用户只需要根据自己的需求向其中添加服务选项即可。也就是我们所要做的只是写简单的代码拼装程序。

安装appInventor 点击安装

本操作只提供一个app的demo，界面过于丑陋，大家可自由发挥更改界面。

demo 程序下载 点击下载

顶部导航栏，依次点击（项目-->导入项目aia），选择上一步骤下载的aia文件导入即可。点击导入的项目，即可看到控制面板，面板主要分为在组建设计和逻辑设计，用户可在右上角进行模式切换。