当前位置:首页 » 《随便一记》 » 正文

【详细教程】App inventor连接阿里云平台(APP显示STM32发来的温湿度数据等)

19 人参与  2023年02月24日 11:28  分类 : 《随便一记》  评论

点击全文阅读


前言:

目前已经成功将esp8266连接上了阿里云平台,实现了温湿度等数据的上云操作。但是在阿里云查看数据非常的不方便,因为阿里云的Web网页版都是临时的,链接在一段时间后会失效,除非绑定了域名才能长期使用。

所以这篇文章将通过App inventor来开发一个APP接入阿里云,实现阿里云平台数据的查看和远程控制。

前提条件:

阿里云平台已创建好产品和设备App inventor的MQTT组件(需要MQTT组件的可以评论或者私信我)

实现原理:

通过阿里云平台的云产品流转实现设备与设备之间的通信。

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

在这里插入图片描述

步骤:

1. 在当前产品中再创建一个设备

在这里插入图片描述

2. 在产品中添加一个自定义Topic

在这里插入图片描述/hpnlrgH4FTM/${deviceName}/user/sub 添加好这条Topic,操作权限设置为发布与订阅。

注意,hpnlrgH4FTM是我自己的产品密钥,读者需要根据自己产品的密钥进行更改。

在这里插入图片描述(产品密钥的位置)

3. App inventor开发APP连接上阿里云

App inventor网页版

在这里插入图片描述

MQTT连接参数(注意我们现在有两个设备,这里填的是用于给APP连接的设备的MQTT参数)

在这里插入图片描述
到了这一步APP已经可以连接上阿里云了

在这里插入图片描述

4.阿里云(云产品流转配置)

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

云流转配置的入口 (此入口链接可能会失效,可自行去阿里云官网搜索物联网平台即可)
在这里插入图片描述
在这里插入图片描述

创建规则
在这里插入图片描述编写SQL

在这里插入图片描述

在这里插入图片描述

这里需要注意的,我们是将MCU的数据发送到APP设备,所以数据源是MCU,也就是我图中的A001设备

设置数据目的地
在这里插入图片描述

启用规则
在这里插入图片描述

到此为止,阿里云的配置就已经完成了。在这里插入图片描述
把MCU开机,让APP设备上线(可以模拟在线调试),可以看到APP设备已经接收到MCU设备云流转过来的JSON数据。那么最后的步骤来了,我们只需要通过APP来解析JSON数据。

5.解析JSON数据

通过App inventor来对JSON数据进行解析,然后实现数据显示。(这里只拿了温度和湿度的数据作为参考,其实我还有其他的数据)

在这里插入图片描述
在这里插入图片描述
注意(标识符要修改成自己的)

大功告成!

在这里插入图片描述

如果要让APP控制MCU上的灯开启和关闭的操作又要怎么实现呢,其实操作类似,我们只需要新建另一个规则,将APP的控制数据发送给MCU即可,不过我们需要通过自己调试找到相关的Topic来配置。


点击全文阅读


本文链接:http://zhangshiyu.com/post/53372.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1