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设备



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

侵权私聊删除
参考文章:https://blog.csdn.net/weixin_55576473/article/details/127580362

  • 5
    点赞
  • 63
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值