在上一篇《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. 阿里云MVP第14期全球发布:云时代2.0,遇见科技追梦者!

    简介:大牛云集,重磅加入! 云计算步入2.0时代,我们更关心科技的温度,在教育.公益等领域的科研实践:我们更关心技术的广度和深度,不断打破商业的边界,为客户和社会创造更多价值. 经过精心筛选与筹备,阿 ...

  2. 【阿里云高校计划】阿里云AI训练营_Day04_车辆检测系统

    项目介绍 参加阿里云AI训练营的第4天,完成一个车辆检测系统 主要思路:用户上传身份证和受损车辆图片,识别结果返回前端,同时将数据存入数据库. 项目用到文档地址 阿里云达摩院视觉开放平台:https: ...

  3. 每日新闻:Gartner报告:这五大新兴科技趋势将模糊人机界限;阿里云肖力:阿里云安全三大“核驱动: 可信、智能、合规...

    点击关注中国软件网 最新鲜的企业级干货聚集地 趋势洞察 2018中国软件生态大会 西安站就要与您见面啦! 点击文末[阅读原文]了解更多喔 趋势洞察 阿里云肖力:阿里云安全三大"核驱动: 可信 ...

  4. 阿里云 mysql 收费_阿里云MySQL云数据库价格表(收费标准) - 新手站长网

    阿里云RDS云数据库MySQL版收费标准,包括MySQL云数据库不同版本不同实例规格(高可用版.金融版.基础版和只读规格)的详细价格表,新手站长网分享阿里云数据库详细价格表及官网报价: 阿里云数据库收 ...

  5. 阿里云ECS代理访问阿里云RDS MySQL数据库

    一.前言 阿里云RDS数据白名单一般只对内部的服务器开放,一般不会开放给外网直接访问,有时开发需要直接访问RDS数据库,平时我们使用的网络都是动态公网IP,经常会变化,设置白名单相对繁琐一点.想了一个 ...

  6. 阿里云mysql价格_阿里云超级计算mysql价格

    Re阿里云的IO很不给力啊 有图有真相的啊. 这个是该机器的网络流量.这么低的流量 情何以堪 这就是 中国的阿里云啊?!! 和linode的vps比较起来,太搓了!! 希望解决处理! -------- ...

  7. 阿里云如何绑定域名(阿里云域名如何绑定ip)

    前言:当你看到该博客时,你或许想写一些漂亮的前台界面,或者能写一个小的web项目,但是你可能不知道怎样让自己的这个界面或者项目,只通过一个网址,都可以随时随地进行访问.学会这个技能再加上自己的编程思想 ...

  8. 阿里云code登录,阿里云code使用教程

    阿里云code登录,阿里云code使用教程 最近得知阿里云code这个墙下神器,于是尝试看看. 一个比较坑的点是用户名密码问题,阿里云code的用户名密码与登录的帐户密码不一致,用户名在 profil ...

  9. 钉钉邮箱登录入口_阿里企业邮箱发信失败 报错:554reject by content_「阿里云企业邮箱_阿里企业邮箱」指定经销商热线:400-855...

    问题场景: 当前阿里云企业邮箱用户因发送垃圾邮件导致账号被封禁外发的解封,需要通过发起工单方式申请解封. 操作流程: 进入工单提交页面. 单击提交工单> 企业邮箱 > 选择常见问题 > ...

最新文章

  1. PHP微信公众号开发插件,基于ThinkCMF1.5.0开发的微信公众号插件
  2. python中模块的__all__属性解读
  3. 卡巴斯基实用技巧推荐(卡巴斯基使用者必看)
  4. WinForm与脚本的交互
  5. Android连接相机WiFi,安卓手机使用佳能相机机身wifi传输拍摄的操作
  6. 【Swift】类似于微博、微信的ActionSheet
  7. [poj1742]coin
  8. 传统营销与社会化营销的差距
  9. html+css常用代码(前端必备)
  10. 服装尺寸 html,女装标准尺码对照表,服装尺寸对照表,衣服尺码对照表
  11. 将一个正整数分解质因数。例如:输入90,打印出90=2*3*3*5
  12. 动态规划之背包问题——背包三讲(01背包,完全背包,多重背包)
  13. 去掉 新版GeForce Experience 桌面录制视频时的 右上角图标
  14. PADS软件中,鼠标中键无法放大缩小BUG怎么办?解决办法在这里
  15. javaScript学习手册:JS对象
  16. 流媒体直播系统由哪几部分组成?
  17. jacobi旋转法的VB实现
  18. Android:Handler中的Idle Handler
  19. 测试工具AppScan安装使用
  20. linux系统C语言程序的错误,linux下C语言错误整理

热门文章

  1. tar解压单个文件到特定目录_如何解压缩文件到特定或不同的目录在Linux
  2. 2020年了才学Python,来得及嘛?
  3. 软件设计师笔记-----计算机网络
  4. xml文档声明及基本语法
  5. Unity相册滚动效果
  6. 机器运算知识点计算机组成原理,计算机组成原理知识点有哪些
  7. 基于后端开发Redisson实现分布式锁源码分析解读
  8. <qsort实现一个通用的冒泡排序,排序各种类型的数据详解>
  9. python k线 形态识别 人工智能_用Python结合人工智能尝试预测股票,下一个股神就是你...
  10. 组合逻辑电路&时序逻辑电路