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

和WEB开发类似,可以通过可视化拖拽的方式,方便地将各种图表组件与设备相关的数据源关联,无需编程,即可将物联网平台上接入的设备数据可视化展现。不过支持的组件相对于WEB可视化相对少一些,如下图所示:

一 阿里云云端设备创建

操作步骤

1) 登陆物联网平台控制台

2) 创建产品

a.左侧导航栏选择设备管理 > 产品。在产品管理页面,单击创建产品。

b.单击完成

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

3) 创建属性

a.在创建的产品界面选择功能定义 > 自定义功能>添加功能。创建温湿度属性

4) 创建设备

a.左侧导航栏选中设备管理 > 设备,进入设备管理页面

b.单击添加设备。选中上一步创建的产品,输入设备名称(DeviceName),设置设备备注名,单击确认

c.记录设备证书内容

设备证书包含ProductKey、DeviceName和DeviceSecret。设备证书是设备后续与物联网平台交流的重要凭证,请妥善保管。也可以在设备的设备信息中查询

二 设备连接阿里云

准备材料:YF3300设备套装,YFIOS组态系统,组态KEY,温湿度传感器(妙昕T10FBF)

官方下载YFIOsManager组态管理软件 下载链接:

http://www.yfiot.com/content/downsort?current=1&title=1

设备连接:

1) 将组态key插入电脑,将附赠GPRS天线连接好,插入附赠的物联网卡(也可使用自己购买的物联网卡)

2) 将YF3300通过Type-C连入电脑  端口选择USB  然后点击连接

设备配置:

(1) 在用户设备中新建设备

注意事项:串口号应选择串口COM2  创建设备名应与云端设备名保持一致(YF3300_TH)其它默认

点击保存项目,保存自定义的组态工程。

(2) 在策略列表中新建策略,策略文件选择sys >阿里云MQTT客户端(精简版)

A.服务配置中在相应的地方填入设备三元组,填入产品密钥,服务地址会自动更改,扫描间隔可更改,变化上传可勾选

B.IO配置中勾选与云端IO相同的属性变量以及该设备的通信状态

(3)设备上线

(4)单击工具>无线远程通用配置>保存

(5)部署程序

A.调试>部署YFIOS系统>精简版(上云)

B.调试>部署

C.程序部署完成组态日志输出去区域 打印MQTT Connect OK!!! 代表设备联网成功

(6) 查看云端设备情况   设备为在线状态温度湿度实时显示

三  IotStudio 配置及生成APP

(1) 在物联网平台控制台左侧导航栏,点击开发服务>IotStudio

(2) 在物联网开发页,单击右上角新建项目按钮,然后新建一个项目

(3)在IotStudio界面单机左侧导航栏 推荐>移动应用开发>新建可视化应用

(4) 关联产品/设备   关联上面步骤创建的 产品/设备 获取温湿度属性

(5) 单击左侧导航栏  选择移动应用开发 打开刚创建的项目  进入IotStudio界面

(6) 自定义新增页 ,编辑应用拖拽左侧的组件到画布上,然后,在页面右侧,配置组件的显示样式、数据来源和要执行的动作。

(7) 自定义界界面: 温湿度传感器只能上传温度湿度,空气质量删除选中组件 点击删除

(8)配置温湿度数据

(9) 配置自定义界面入口  单机左上角【功能】首页模块>列表页>新增页面入口(右侧)

(10) 配置APP允许注册新账户

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

(11) 生成APP

右上角工具栏  构建>Android构建>我只想自己使用>随机生成>下一步

将生成的APP下载到桌面  >安装至手机>注册账号> 安装至手机

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

【阿里云IoT+YF3300】14.阿里IoT Studio打造手机端APP的更多相关文章

  1. 云计算之路-阿里云上:访问阿里云CDN上的图片,自动跳转到百度首页

    昨天有用户向我们反馈一篇博文(一条语句导致CPU持续100%)中的部分图片不能显示,我们的图片访问用的是阿里云CDN,原以为是某个CDN节点不稳定的问题,但在排查时发现这些图片不能显示竟然是因为请求时 ...

  2. 云计算之路-阿里云上:14:20-14:55博客后台2台服务器都CPU 100%引发的故障

    非常抱歉,今天下午14:20-14:55期间,由于同一个负载均衡中的2台服务器都出现CPU 100%问题,造成博客后台无法正常访问,由此给您带来了很大很大的麻烦,请您谅解. 博客后台是CPU消耗很低的 ...

  3. 【阿里云-大数据】阿里云DataWorks学习视频汇总

    阿里云DataWorks学习视频汇总 注意:本文档中引用的视频均来自阿里云官方的帮助文档,本文档仅仅是汇总整理,方便学习. 阿里云DataWorks帮助文档链接:https://help.aliyun ...

  4. 阿里云免费试用之体验——阿里云serverECS试用心得

    自上次參加了阿里云的开发人员大会回来 心里就一直惦记着阿里云 由于曾经各种各样什么的server也用了不少 年前開始接触阿里云 一直没有给予很多其它的关注 參加了这次的开发人员大会后 就想更进一步的了 ...

  5. 你有什么理由还不选择阿里云服务器呢--从阿里云发布自研商用关系型数据库POLARDB想到的

    最近几天,阿里云发布自研商用关系型数据库POLARDB的消息可谓是重磅炸弹啊.借用官方宣传的话就是:6倍性能于MySQL并100%兼容/100TB存储容量/2分钟创建只读副本/3分钟创建容灾实例,第三 ...

  6. 阿里云移动研发平台 EMAS 助力银行业打造测试中台,提升发版效能

    随着移动互联网的发展,手机银行凭借低成本.操作简单.不受时间空间约束等优势,正逐步替代传统的网银交易方式.越来越多的银行开始了“业务移动化”转型之路,“手机APP”已经成为企业价值传递和关系维护的关键 ...

  7. 阿里云服务器Ubuntu 14.04.2和centos7.5实现nfs挂载

    前提条件,确保两个ip可以正常通信 确认服务端是否安装nfs-utils和rpcbind[root@localhost /]# rpm -qa|grep "nfs"nfs4-acl ...

  8. 云计算之路-阿里云上-十字路口:阿里云SLB故障

    2013年7月24日,18:20~18:50左右,处于阿里云云服务最前沿的SLB(负载均衡)出现故障,造成了网站不能正常访问(由于是最前沿,这次连502也看不到了). 在大家对昨日RDS故障带来的麻烦 ...

  9. 阿里云redis映射到阿里云服务器

    参考文档:https://help.aliyun.com/document_detail/43850.html?spm=a2c4g.11186623.2.3.7yg9VH ECS Windows 篇 ...

随机推荐

  1. Linux网络管理之多网卡绑定

    一.bonding介绍 在企业Linux服务器管理里中,服务器的可靠性.可用性以及I/O速度都非常重要,保持服务器的高可用和安全性是生产环境的重要指标,其中最重要的一点是服务器网络连接的高可用性.通常 ...

  2. 关于Scrum+XP+DevOps的学习

    最近听了ECUG大会上孙敬云老师的分享感觉受益匪浅,毕竟大学课本上只讲到瀑布模型就没有下文了,工作以后一直贯彻的都是Scrum路线,一直也没有时间好好的去学习整理这部分的知识,直到近几天听到了孙老师的 ...

  3. 重拾c++第四天(7):函数相关

    1.引用变量: int a; int &b = a; //引用变量 指向同一地址,必须在初始化时定义,且一直对原变量献上忠诚,主要针对类对象 2.函数重载最好用在功能相同,但数据类型不同的情况 ...

  4. 分享一款基于aui框架的图文发布界面

    本文出自APICloud官方论坛, 感谢论坛版主 川哥哥 的分享. 分享一款基于aui框架的图文发布界面,可以添加多张图可以删除,类似qq空间发布说说,没做服务器后端,只演示前端操作.需要用到UIMe ...

  5. 倍增笔记ST表

    https://noip-1253948194.cos.ap-beijing.myqcloud.com/%E5%80%8D%E5%A2%9E-ST%E7%AE%97%E6%B3%95.mp4 1123 ...

  6. Java框架之Spring02-AOP-动态代理-AspectJ-JdbcTemplate-事务

    AOP 动态代理 代理设计模式的原理:使用一个代理将原本对象包装起来,然后用该代理对象”取代”原始对象.任何对原始对象的调用都要通过代理.代理对象决定是否以及何时将方法调用转到原始对象上. 代理模式的 ...

  7. 网络流学习 - dinic

    推荐博客:https://www.cnblogs.com/SYCstudio/p/7260613.html#4246029

  8. Gitlab安装配置管理

    ◆安装Gitlab前系统预配置准备工作1.关闭firewalld防火墙# systemctl stop firewalld# systemctl disable firewalld 2.关闭SELIN ...

  9. 01.flask pycharm开启debug模式

    代码照旧

  10. git 其它补充(版本)

    1.给源码贡献力量(当自己比较牛逼时) pull request 2..gitignore文件 在创建仓库的时候可以进行设置 3.版本 git tag -a v1.0 -m '版本介绍' 本地创建Ta ...