1.代码解析
接下来重点介绍一下逻辑代码

这里面主要是设置mqtt服务器的IP地址和端口号,设置服务器的用户名和登录密码
绑定好订阅主题和发布主题(和8266上的订阅、发布交叉就行)
绑定界面,设置界面标题

绑定6个文本控件

将从mqtt服务器上接收到的数据,解析,填入文本框中。(也就是单片机发送的数据)
如果有报警信息,则在屏幕中提示。
再往下就是MQTT的一些初始化代码,不用改,直接用就行

2.成果展示
完成后的效果:

3.源码
51单片机+esp8266+手机app的智能家居资源-CSDN文库https://download.csdn.net/download/guangali/88866328?spm=1001.2014.3001.5501含智能家居系列一整套的代码:51单片机部分,nodeMCU部分,Android studio部分!