IoT studio的App可视化搭建
Android开发以Java为主要开发语言
iOS开发,以Swift为主要开发语言,提供了Xcode集成开发工具
IoT Studio移动搭建能力对比
before
App原型界面设计
交互接口定义
Android/iOS开发
应用调试上线
Now
可视化搭App
组件配置调试发布
注:可视化搭建所见即所得。丰富的组件和配置项。集成用户鉴权服务。一次搭建适用iOS、Android两个平台
App可视化搭建流程:
创建App可视化搭建应用
拖拽组件,调整页面布局
配置组件样式,关联数据、可调用服务事件
配置App样式、导航页面
保存预览与调试
打包构建,安装体验
App搭建组件介绍
容器:横向、纵向
文字:样式、数据(可连接到设备和网络API接口)
图片
按钮:可以进行样式调整和动作选择
设备列表
单行和双行的卡片组件:单行:主标题、动态文本、图片。双行:主标题、副标题、动态文本、可视化图片
App搭建实践
App搭建实践:新建四个页面,对页面进行美化。
(1)家居环境:主要功能是监控家居的一些基本属性的上报。使用到的有图片组件、单行组件和双行组件,接着基于这些组件来进行美化,辨析到设备上报的属性值。保存预览。
(2)实时曲线:使用到的有图片组件和实时曲线组件,实时曲线组件关联到的有室内的温度,有机物浓度以及烟雾浓度。保存预览,当设备上报数据时我们可以在此页面查看到数值的变化以及曲线的绘制。
(3)开关状态:使用到的组件有纵向容器组件和图片组件,在此页面将设备的开关状态实时显现出来。主要有:空调制冷开关、窗帘开关、灯光开关、浇水开关以及风扇开关。保存预览。
(4)报警查看:使用到的组件有仪表盘组件、实时曲线组件以及按钮组件。在仪表盘和实时曲线组件中我们可以观察到有机物的可燃气浓度,通过按钮来解除蜂鸣器的警报。接下来配置解除蜂鸣器报警的动作。保存预览,在预览页面我们可以点击按钮下发消息给设备以解除蜂鸣器的报警。
完成所有页面的开发后点击保存,再点击构建,构建分别为Android构建和IOS构建,选择Android构建,选择构建用途,输入构建信息,进入构建过程,构建完成后会在页面弹窗显示Android应用已生成的提示和应用下载的二维码,扫描二维码即可下载App的安装包安装使用,在使用前需创建使用的账号,在账号菜单新建App使用的用户,完成测试用户的添加,用户下载App后可通过此完成登录,开发者可以在IOT Studio平台上对此账号进行管理。