应用开发组件功能介绍（三）

开发者学习笔记【阿里云物联网助理工程师认证（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提供的空间功能用于管理物理世界中的二维或三维等空间数据模型，以实现空间数据可视化，设备位置告警等功能。