开发者学习笔记【阿里云物联网助理工程师认证(ACA):应用开发组件功能介绍(三)】
课程地址:https://edu.aliyun.com/course/3112060/lesson/18984
应用开发组件功能介绍(三)
五、IoT Studio移动可视化开发
它是物联网应用平台提供的开发工具,开发人员不需要写代码,只需要在编辑器中拖拽组件到画布上,再配置组件的显示、样式、数据源和动作就可以完成应用开发,目前支持生成HTML5应用,并且可以绑定域名进行发布,适用于开发设备控制APP、工业监测APP等。
1、功能特点
(1)简单易用
移动可视化工作台与阿里云物联网平台设备接入能力、物模型能力无缝衔接,不需要写代码,就可以快速搭建设备控制、设备状态展示、数据展示等物联网场景下的移动应用。
(2)安全托管
不需要额外的服务器和数据库,移动应用搭建完成即可构建生成移动应用安装包和工程源代码,全部由移动可视化工作台支持完成。
2、手机兼容性说明
HUAWEI Mate20 Pro、HUAWEI P30、荣耀9X、vivo Z5、小米8、OPPO R11、iPhone 11pro。以上手机上面可稳定安全的运行,虽然这些应用也可以在其他手机上运行,但是达不到最佳效果,建议在官方支持的手机上运行。
3、移动应用编辑器页面
其页面与Web可视化开发编辑器十分相似,左侧显示组件,中间显示画布,右侧显示属性。
4、支持的组件
包括图表组件、表单组件、基础组件、控制组件和媒体组件。可以将这些组件拖拽到编辑页面中,在右侧配置组件的数据源、样式和交互动作快速完成应用的多样化设计和功能需求开发。
5、移动可视化开发的成品
如下图所示:
用于展示三个不同位置的温湿度。
六、IoT Studio的组件开发功能
1、简介
IoT Studio提供了组件开发功能,便于开发者开发、发布和管理自己研发的组件,并且可以将其发布到可视化工作台中用于可视化页面搭建,以此满足开发者具体的需求,提升组件丰富性,为可视化搭建提供无限可能。
IoT Studio的组件开发功能使用的是react的技术栈,它能够让任何普通的react的组件成为IoT Studio组件。IoT Studio赋予react组件更加强大的功能,例如,为组件配置接口数据源,定时调用接口,获得接口的返回接果,动态设置组件本身的字体、颜色等,或者赋予组件对外提供自定义好的功能服务以供Web调用。
2、功能特性
(1)个人开发组件和公共组件功能
组件开发工作台提供了个人组件开发功能,新开发的个人组件仅支持开发者可见并使用,可通过将个人组件打包上传到公开组件包供其他客户使用,且后续可支持正式商用。
(2)强大的本地开发功能
通过配套的组件本地开发工具支持实时开发和编译组件,并将其上传到组件开发工作台,在组件开发工作台支持实时预览组件效果,模拟线上环境预览组件效果。
(3)组件管理功能
包括创建、搜索、编辑、删除和发布等,便于开发者管理和使用更多的丰富组件。
(4)快速上传和构建
组件开发工作台支持一键上传和查看构建进度功能,将开发好的组件打包成zip文件一键上传后,可实时查看构建进度,IoT Studio系统会反馈构建结果到组件开发工作台并产生相应的构建日志。如果系统反馈构建失败,可以通过构建日志来查看构建失败的原因。
(5)组件操作文档管理功能
组件开发工作台提供可预览且会自动保存的Markdown编辑器,用于编辑组件操作文档,包括概述、样式配置、数据源配置和动作配置等,并且针对需要市场化的组件提供组件案例编辑功能,便于组件市场化。
(6)一键发布
组件开发工作台提供了组件一键发布功能,并且支持组件多次发布。在代码构建完成之后,即可使用该功能来完成组件的一键发布,如果开发者多次发布组件后,也可以支持查看发布历史和管理发布状态等功能。
七、课堂总结与随堂思考
本节课的知识总结,主要讲了六部分的内容:第一部分是IoT Studio简介及其产品架构,后面五部分学习IoT Studio的功能,即项目管理、Web可视化开发、业务逻辑、移动可视化开发、组件开发。
本节课的随堂思考包括:
(1)全局资源项目和普通项目的区别,即全局资源项目在创建之后会自动同步物联网平台全量的资源,不需要手动关联,而普通项目创建之后需要手动关联,不会自动同步;
(2)简述IoT Studio的空间功能,即IoT Studio提供的空间功能用于管理物理世界中的二维或三维等空间数据模型,以实现空间数据可视化,设备位置告警等功能。