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



1.前言

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

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

2.实际效果

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

appinventor怎么连接云平台,智能手机,阿里云,stm32

3.实现原理解析

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

appinventor怎么连接云平台,智能手机,阿里云,stm32

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

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

appinventor怎么连接云平台,智能手机,阿里云,stm32

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

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

appinventor怎么连接云平台,智能手机,阿里云,stm32

appinventor怎么连接云平台,智能手机,阿里云,stm32

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

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

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

连接参数:

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

appinventor怎么连接云平台,智能手机,阿里云,stm32

用网页版inventor APP打开例程
一对一填入对应的参数
打包apk
appinventor怎么连接云平台,智能手机,阿里云,stm32
在APP中点击连接服务器,APP显示已连接,阿里云设备就会在线上。
appinventor怎么连接云平台,智能手机,阿里云,stm32

appinventor怎么连接云平台,智能手机,阿里云,stm32

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

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

这边使用旧版本的规则
appinventor怎么连接云平台,智能手机,阿里云,stm32

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

appinventor怎么连接云平台,智能手机,阿里云,stm32

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

appinventor怎么连接云平台,智能手机,阿里云,stm32

接收数据设备配置

appinventor怎么连接云平台,智能手机,阿里云,stm32

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

appinventor怎么连接云平台,智能手机,阿里云,stm32

5.APP数据解析

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

appinventor怎么连接云平台,智能手机,阿里云,stm32appinventor怎么连接云平台,智能手机,阿里云,stm32

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

appinventor怎么连接云平台,智能手机,阿里云,stm32

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

appinventor怎么连接云平台,智能手机,阿里云,stm32

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文章来源地址https://www.toymoban.com/news/detail-802986.html

到了这里,关于6. MIT App inventor 自制手机APP连接阿里云平台 手机APP显示STM32发来的数据的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 手机应用app打开游戏显示连接服务器失败是什么原因?排查解决方案?

    首先,我们来看看网络问题。网络问题是导致连接服务器失败的主要原因之一。我们知道,苹果应用需要借助网络与服务器通信,以获取应用的数据和功能。如果我们的设备未连接到可靠的网络,或者网络连接不稳定,先开一下飞行模式更新一下手机网络环境,那么就很有可

    2024年02月07日
    浏览(91)
  • STM32+ESP8266+APP连接阿里云监测环境温湿度系列笔记1:阿里云物联网平台配置及数据上传

            在数据传递过程中阿里云物联网平台相当于服务器,ESP8266为客户端,通过路由器连接服务器时需要在物联网平台创建设备,具体过程如下: 1. 首先 在物联网平台创建公共实例,并点击进入, 图1 2.可见设备接入物联网平台的整体流程如图2中红色方框所示, 接下

    2024年02月04日
    浏览(55)
  • App Inventor +App Inventor AI伴侣

    1:安装App Inventor离线版(建议还是不要离线,直接在线就好) 2:安装App Inventor AI伴侣 (先不要安装,因为要匹配,匹配不对,下了也没有用) 目录 步骤1: 步骤2: 步骤3: 步骤4::制作个小的APP 链接: App Inventor 相关资源下载地址(AI伴侣,各种模拟器) (wb98.com) 打开这个

    2024年02月01日
    浏览(47)
  • App Inventor 2 开发 ChatGPT 对话App

    ChatGPT大家应该不会陌生,它的回答内容非常的专业及深入,具有实际的可指导性。我们通过App Inventor 2开发一个简单的对话App,先看效果: App Inventor 2 ChatGPT教育领域对话演示 代码块如下: 用到的核心组件“ ChatBot ”如下: 那么问题来了,这个“ChatBot”这个强大的组件从何

    2024年02月11日
    浏览(38)
  • 基于STM32与OneNet平台的智能家居系统设计(代码开源含自制APP代码)_onenet 编程

    请求方式: GET URL: http://api.heclouds.com/devices/device_id/datapoints 服务器或上位机下发主题报文(控制下位机): API函数: 请求方式: POST URL: http://api.heclouds.com/mqtt?topic=xxx 以上2个网络通讯的 API函数 至关重要,就是实现常规情况下OneNet物联网开发的 关键性技术支持。 ( 情况允许

    2024年04月12日
    浏览(68)
  • APP INVENTOR的使用

    APP INVENTOR(AI) 是一款强大的可视化编程工具,其主要特点是通过组件和块代码设计,及拖拽抽屉方式,降低了记忆难度和开发难度。主要用来进行android开发. 国外 :MIT App Inventor,可以使用google邮箱登录 国内 : 广州服务器 :MIT App Inventor (gzjkw.net),可以使用QQ邮箱登录 张路先生

    2024年02月13日
    浏览(37)
  • App Inventor 2—零代码开发自己的物联网App

    如果使用类似Blynk的手机端App不能满足开发需求,而在手机上使用Easy Iot、SIoT等物联网平台又不够直观简便,能不能自己编写一个手机端app,自己设计界面,自己编写程序,把各种奇思妙想灵活呈现在应用端呢? 通常情况下,开发iOS需要学习Objective-C或Swift编程语言,而Andro

    2024年02月05日
    浏览(36)
  • 基于天问51-Core自制开发WIFI模块连接MQTT&巴法云平台-微信小程序显示温度数据

    目 录 一、摘要 二、项目准备材料 三、硬件总体设计 四、软件代码设计 五、整体测试联调 六、效果展示 一、摘要 本项目基于天问51-Core最小系统开发,自行设计PCB电路,主要包括DHT11、ESP8266、OLED三个主要外设模块。此项目实现的三大功能:1、基本功能:单片机将DHT11获取

    2024年02月06日
    浏览(52)
  • 【安卓开发】显示手机信息的APP

    仓库链接 这是一个简单的查看系统信息的安卓应用程序。 :安卓,APK,系统监控。 以下是该应用程序的截图: 使用Android Studio构建该应用程序并导出为APK文件,然后在手机上安装。或者你可以在仓库中找到预构建的 .apk 文件。 app目录:该目录包含了应用程序的源代码

    2024年02月11日
    浏览(61)
  • 苹果iPhone手机APP应用图标隐藏怎么找回恢复显示在iPhone苹果手机桌面显示被隐藏的应用APP图标到iPhone苹果手机桌面?

    苹果iPhone手机APP应用图标隐藏怎么找回恢复显示在iPhone苹果手机桌面 1、如果使用的苹果iPhone手机APP应用图标被隐藏了,在手机桌面找不到只能通过搜索或APP资源库找到。 2、请在iPhone苹果手机负一屏或最后一屏的APP资源库找到被隐藏的APP应用图标长按后,选择添加到主屏幕;

    2024年02月13日
    浏览(63)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包