【阿里云IoT+YF3300】14.阿里IoT Studio打造手机端APP

简介: 在上一篇《13.阿里云IoT Studio WEB监控界面构建》中,我们介绍了用阿里云IoT Studio(原Link Develop)可视化构建WEB界面程序。本篇文章将介绍用阿里云IoT Studio打造手机端APP。

  在上一篇《13.阿里云IoT Studio WEB监控界面构建》中,我们介绍了用阿里云IoT Studio(原Link Develop)可视化构建WEB界面程序。本篇文章将介绍用阿里云IoT Studio打造手机端APP。
  和WEB开发类似,可以通过可视化拖拽的方式,方便地将各种图表组件与设备相关的数据源关联,无需编程,即可将物联网平台上接入的设备数据可视化展现。不过支持的组件相对于WEB可视化相对少一些,如下图所示:
图片1.png
一 阿里云云端设备创建
操作步骤
1)登陆物联网平台控制台
2)创建产品
a.左侧导航栏选择设备管理 > 产品。在产品管理页面,单击创建产品。
图片2.png
b.单击完成

  产品将自动出现在产品列表中

3)创建属性
a.在创建的产品界面选择功能定义 > 自定义功能>添加功能。创建温湿度属性
图片3.png
图片4.png
4)创建设备
a.左侧导航栏选中设备管理 > 设备,进入设备管理页面
b.单击添加设备。选中上一步创建的产品,输入设备名称
(DeviceName),设置设备备注名,单击确认
图片5.png
图片6.png
c.记录设备证书内容
设备证书包含ProductKey、DeviceName和DeviceSecret。设备证书是设备后续与物联网平台交流的重要凭证,请妥善保管。也可以在设备的设备信息中查询
图片7.png
二 设备连接阿里云
准备材料:YF3300设备套装,YFIOS组态系统,组态KEY,温湿度传感器(妙昕T10FBF)
官方下载YFIOsManager组态管理软件 下载链接:
http://www.yfiot.com/content/downsort?current=1&title=1
设备连接:
1)将组态key插入电脑,将附赠GPRS天线连接好,插入附赠的物联网卡(也可使用自己购买的物联网卡)
2)将YF3300通过Type-C连入电脑 端口选择USB 然后点击连接
设备配置:
(1)在用户设备中新建设备
图片8.png
注意事项:串口号应选择串口COM2 创建设备名应与云端设备名保持一致(YF3300_TH)其它默认
点击保存项目,保存自定义的组态工程。

(2)在策略列表中新建策略,策略文件选择sys >阿里云MQTT客户端(精简版)
A. 服务配置中在相应的地方填入设备三元组,填入产品密钥,服务地址会自动更改,扫描间隔可更改,变化上传可勾选
B. IO配置中勾选与云端IO相同的属性变量以及该设备的通信状态
图片9.png
图片10.png
(3)设备上线
(4)单击工具>无线远程通用配置>保存

图片11.png
(5)部署程序
调试>部署YFIOS系统>精简版(上云)
调试>部署
程序部署完成组态日志输出去区域 打印MQTT Connect OK!!! 代表设备联网成功
图片12.png
(6)查看云端设备情况 设备为在线状态温度湿度实时显示
图片13.png
三 IotStudio 配置及生成APP
(1)在物联网平台控制台左侧导航栏,点击开发服务>IotStudio
图片14.png
(2)在物联网开发页,单击右上角新建项目按钮,然后新建一个项目
图片15.png
(3)在IotStudio界面单机左侧导航栏 推荐>移动应用开发>新建可视化应用
图片16.png
(4)关联产品/设备 关联上面步骤创建的 产品/设备 获取温湿度属性
图片17.png
图片18.png
(5)单击左侧导航栏 选择移动应用开发 打开刚创建的项目 进入IotStudio界面
图片19.png
(6)自定义新增页 ,编辑应用
拖拽左侧的组件到画布上,然后,在页面右侧,配置组件的显示样式、数据来源和要执行的动作。
图片20.png
(7)自定义界界面: 温湿度传感器只能上传温度湿度,空气质量删除

    选中组件 点击删除

图片21.png
图片22.png
(8)配置温湿度数据
图片23.png
图片24.png
(9)配置自定义界面入口 单机左上角【功能】首页模块>列表页>新增页面入口(右侧)
图片25.png
(10)配置APP允许注册新账户

左侧工具栏  APP功能>账号模块 >允许注册

(11)生成APP
右上角工具栏 构建>Android构建>我只想自己使用>随机生成>下一步
将生成的APP下载到桌面 >安装至手机>注册账号> 安装至手机
1581906319(1).png

图片27.png
图片28.png
想体验阿里云IoT平台的网友,可以单击如下链接:https://dev.iot.aliyun.com/sale?source=deveco_partner_yefan

相关实践学习
阿里云AIoT物联网开发实战
本课程将由物联网专家带你熟悉阿里云AIoT物联网领域全套云产品,7天轻松搭建基于Arduino的端到端物联网场景应用。 开始学习前,请先开通下方两个云产品,让学习更流畅: IoT物联网平台:https://iot.console.aliyun.com/ LinkWAN物联网络管理平台:https://linkwan.console.aliyun.com/service-open
相关文章
|
机器学习/深度学习 存储 人工智能
MNN-LLM App:在手机上离线运行大模型,阿里巴巴开源基于 MNN-LLM 框架开发的手机 AI 助手应用
MNN-LLM App 是阿里巴巴基于 MNN-LLM 框架开发的 Android 应用,支持多模态交互、多种主流模型选择、离线运行及性能优化。
13668 81
MNN-LLM App:在手机上离线运行大模型,阿里巴巴开源基于 MNN-LLM 框架开发的手机 AI 助手应用
|
11月前
|
物联网
(手把手)在华为云、阿里云搭建自己的物联网MQTT消息服务器,免费IOT平台
本文介绍如何在阿里云搭建自己的物联网MQTT消息服务器,并使用 “MQTT客户端调试工具”模拟MQTT设备,接入平台进行消息收发。
3574 42
|
8月前
|
编解码 数据安全/隐私保护
手机录制脚本自动执行, 免root屏幕录制脚本,自动脚本精灵app【autojs】
自动创建保存目录确保路径存在 动态生成带时间戳的文件名避免重复
|
10月前
|
安全 测试技术 开发者
银行转账模拟器手机版app, 银行转账凭证生成器app,用autojs实现效果【逼真效果】
本内容展示了一套基于Auto.js的银行APP自动化测试脚本和框架,用于学习和研究移动应用测试技术。脚本涵盖登录、转账等功能测试
|
存储 机器学习/深度学习 人工智能
TaoAvatar:手机拍出电影级虚拟人!阿里3D高斯黑科技让动捕设备下岗
阿里巴巴最新推出的TaoAvatar技术,通过3D高斯溅射实现照片级虚拟人实时渲染,支持多信号驱动与90FPS流畅运行,将彻底改变电商直播与远程会议体验。
845 8
TaoAvatar:手机拍出电影级虚拟人!阿里3D高斯黑科技让动捕设备下岗
|
Web App开发 编解码 算法
布谷一对一直播源码开发:阿里云视频语音通话社交交友App的必备功能
在当今移动社交领域,一对一视频和语音通话功能已成为用户期待的基础配置。从熟人社交到陌生人交友,从专业咨询到情感陪伴,实时音视频互动能力直接决定了社交App的用户留存和市场竞争力。山东布谷科技将深入探讨一对一直播源码开发高质量一对一视频和语音通话功能的关键要素和技术实现方案。
布谷一对一直播源码开发:阿里云视频语音通话社交交友App的必备功能
|
物联网 数据挖掘 BI
基于阿里云物联网平台(IoT)的智能家居系统开发与部署
随着物联网技术的发展,智能家居成为提升生活品质的重要方向。阿里云物联网平台提供设备接入、数据管理及应用开发能力,支持亿级设备接入、高效数据管理和灵活应用开发,确保系统安全。本文通过实战案例展示如何基于该平台构建智能家居系统,涵盖设备接入、远程控制、场景联动与数据分析等功能,助力企业快速部署智能家居解决方案。
|
弹性计算 开发工具 Android开发
阿里云APP备案流程图以及备案所需材料整理,跟着教程一步步操作
阿里云APP备案流程分为六步,确保应用合法上架。首先登录阿里云账号填写APP信息,提交后等待阿里云初审。初审通过后进行工信部短信核验,随后由管局审核。审核通过后,APP即可获得备案号并正式上架分发平台。整个过程需仔细填写主办者及APP详细信息,确保所有资料准确无误。阿小云详细分享了这一流程,帮助开发者顺利完成备案。
|
缓存 前端开发 IDE
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
484 0
【06】flutter完成注册页面-密码登录-手机短信验证-找回密码相关页面-并且实现静态跳转打包demo做演示-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
Discuz! X3.5插件云诺-阿里云短信手机登录 会员登录后也无法查看附件图片的问题解决方法
Discuz! X3.5插件云诺-阿里云短信手机登录 会员登录后也无法查看附件图片的问题解决方法
296 2