6. MIT App inventor 自制手机APP连接阿里云平台 手机APP显示STM32发来的数据

6. MIT App inventor 自制手机APP连接阿里云平台 手机APP显示STM32发来的数据

系列文章目录

提示：这里是从实际应用如何使用教学配置，未从原理讲解，适合小白从零开始到成功，比较有成就感
STM32+ESP8266（AT固件）连接阿里云物联网系列保姆级教学
1. 创建产品和设备
2. 设置产品Topic数据和功能定义设备物模型数据显示
3. 硬件连接+代码修改
4. Web数据可视化
5.功能调试
6. MIT App inventor 自制手机APP连接阿里云平台 手机APP显示STM32发来的数据
7.MIT App inventor 自制手机APP连接阿里云平台 手机APP远程控制STM32设备

---

App inventor 自制手机APP连接阿里云平台 手机APP显示STM32发来的数据

• 系列文章目录
• 1.前言
• 2.实际效果
• 3.实现原理解析
• 4.阿里云配置及MIT App inventor 修改
• • 1.在同一个产品下再添加一个设备，用于与APP与阿里云数据沟通
  • 2.在同一个产品下新建一个Topic，用于STM32 云流转数据，且用于APP获取阿里云的数据的Topic
  • 3.APP连接阿里云，让设备在线
  • 4.阿里云 （云产品流转设置）
  • 5.APP数据解析
• 5.总结

---

1.前言

学习好前五篇，对阿里云物联网功能会有初步的了解，已经成功将esp8266连接上了阿里云平台，实现了数据的上云操作。在阿里云查看数据非常的不方便，但是APP操作会给系统带来更好的体验。

所用到的工具和例程：
App inventor 在线编程网址
App inventor APP例程组件
stm32+esp8266+at指令+mqtt协议+接入阿里云程序源码

2.实际效果

此教程是通过App inventor 自制手机APP实现连接阿里云平台，并且手机APP显示STM32发来的数据和实现远程控制

3.实现原理解析

通过阿里云平台的云产品流转实现设备与设备之间的通信。
其实很好理解，我们现在的阿里云上已经有一个设备了，也就是我们的MCU。而我们只需要再创建一个相同产品的设备用于给APP连接，然后将MCU设备的数据通过云流转的方式发送给APP设备，APP对转发的数据进行解析即可实现我们的目标了。

4.阿里云配置及MIT App inventor 修改

1.在同一个产品下再添加一个设备，用于与APP与阿里云数据沟通

2.在同一个产品下新建一个Topic，用于STM32 云流转数据，且用于APP获取阿里云的数据的Topic

注意：用于APP获取的Topic的设备操作权限一定要选择发布或者发布和订阅权限。否则会有问题。

获得APP抓取阿里云数据的Topic：/a1ku3iLsSpD/appdata/user/sub

3.APP连接阿里云，让设备在线

需要找到连接参数，其实这里与STM32 连接阿里云的参数相同，只不过设备变成了appdate设备。

连接参数：

clientId
username
passwd
mqttHostUrl
port
获得APP抓取阿里云数据的Topic：/a1ku3iLsSpD/appdata/user/sub

用网页版inventor APP打开例程
一对一填入对应的参数
打包apk

在APP中点击连接服务器，APP显示已连接，阿里云设备就会在线上。

4.阿里云 （云产品流转设置）

接下来我们就要配置阿里云的云流转产品，让MCU设备的数据转发到APP的设备上去

这边使用旧版本的规则

创建一个STM32toappdate的云流转规则；规则名称可以随意自取

编写SQL参数，这步是配置数据来源的设备。仔细配置，不要配置错误了。

接收数据设备配置

启用配置好的云产品流转规则
非常的事情说三遍
一定要启动规则
一定要启动规则
一定要启动规则

5.APP数据解析

MIT App inventor 内箭头所指示处，与你自己产品内物模型的标识符进行替换，再次打包即可在APP显示上显示数据

用设备模拟器模拟STM32上传数据到阿里云在APP显示效果展示

这样就实现了数据上传APP了。学废了吗。没学废，多看几遍一定会成功的。

5.总结

想必学会了数据上传的同学，迫不及待的想学习如何控制实际设备的开关了吧

其实操作类似，我们只需要新建另一个规则，将APP的控制数据发送给MCU即可，不过我们需要通过自己调试找到相关的Topic来配置。
教程已经写了，大家有需要的话可以去看一下：
7. App inventor 自制手机APP连接阿里云平台 手机APP远程控制STM32设备

app提示的报错。较多情况是因为下发到app的数据在MIT App inventor 查找不到相关物模型标识符导致的
8.特别篇：MIT App inventor 报错：Bad arguments to lookup in pairs

侵权私聊删除
参考文章：