应用开发组件功能介绍(三)

简介: 应用开发组件功能介绍(三)

开发者学习笔记【阿里云物联网助理工程师认证(ACA)应用开发组件功能介绍(三)

课程地址:https://edu.aliyun.com/course/3112060/lesson/18984


应用开发组件功能介绍(三)

 

五、IoT Studio移动可视化开发


是物联网应用平台提供的开发工具开发人员不需要写代码,只需要在编辑器中拖拽组件到画布上配置组件的显示样式数据源和动作就可以完成应用开发,目前支持生成HTML5应用并且可以绑定域名进行发布,适用于开发设备控制APP、工业监测APP


1、功能特点

(1)简单

移动可视化工作台与阿里云物联网平台设备接能力物模型能力无缝衔接不需要写代码,就可以快速搭建设备控制设备状态展示数据展示等物联网场景下的移动应用。

(2)安全托管

不需要额外的服务器和数据库,移动应用搭建完成即可构建生成移动应用安装包和工程代码全部由移动可视化工作台支持完成。


2、手机兼容性说明

HUAWEI Mate20 ProHUAWEI P30荣耀9X、vivo Z5、小米8、OPPO R11iPhone 11pro以上手机上面稳定安全的运行虽然些应用也可以在其他手机上运行,但是达不到最佳效果,建议在官方支持的手机上运行。


3、移动应用编辑器页面

图片349.png

其页面与Web可视化开发编辑器十分相似,左侧显示组件,中间显示画布右侧显示属性


4、支持的组件

包括图表组件表单组件基础组件控制组件媒体组件可以将这些组件拖拽到编辑页面中,在右侧配置组件的数据源样式和交互动作快速完成应用的多样化设计和功能需求开发


5、移动可视化开发的成品

如下图所示:

图片350.png

用于展示三个不同位置的温湿度。

 

六、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提供的空间功能用于管理物理世界中的二维或三维等空间数据模型实现空间数据可视化,设备位置告警等功能

相关实践学习
阿里云AIoT物联网开发实战
本课程将由物联网专家带你熟悉阿里云AIoT物联网领域全套云产品,7天轻松搭建基于Arduino的端到端物联网场景应用。 开始学习前,请先开通下方两个云产品,让学习更流畅: IoT物联网平台:https://iot.console.aliyun.com/ LinkWAN物联网络管理平台:https://linkwan.console.aliyun.com/service-open
相关文章
|
存储 安全 数据库
python ras 私钥加密
【4月更文挑战第10天】
1165 2
|
Linux Shell Windows
通过Linux挂载Windows端NFS服务实现板端Linux传输文件到PC
通过Linux挂载Windows端NFS服务实现板端Linux传输文件到PC
1439 0
|
Web App开发 小程序 Android开发
Appium微信小程序自动化环境准备
Appium微信小程序自动化环境准备
920 1
|
传感器 人工智能 监控
AI与物联网的融合:开启智能化未来的新篇章
AI与物联网的融合:开启智能化未来的新篇章
2048 96
|
Linux 网络安全 开发工具
Git学习笔记(一):基础与应用
本文档详细介绍了如何将本地项目关联到Gitee上的空仓库并上传代码,以及如何验证本机与Git服务器的SSH连接。同时,还概述了Git的基本概念、安装步骤、初始配置、常见命令及如何配置多个SSH-Key,适用于初学者快速上手Git操作。
475 51
Git学习笔记(一):基础与应用
|
缓存 NoSQL Java
Redis应用—8.相关的缓存框架
本文介绍了Ehcache和Guava Cache两个缓存框架及其使用方法,以及如何自定义缓存。主要内容包括:Ehcache缓存框架、Guava Cache缓存框架、自定义缓存。总结:Ehcache适合用作本地缓存或与Redis结合使用,Guava Cache则提供了更灵活的缓存管理和更高的并发性能。自定义缓存可以根据具体需求选择不同的数据结构和引用类型来实现特定的缓存策略。
959 16
Redis应用—8.相关的缓存框架
|
监控 负载均衡 Java
(九)漫谈分布式之微服务组件篇:探索分布式环境下各核心组件的必要性!
本文将深入探讨微服务中各个组件的必要性,以此帮助各位更好地加深对分布式系统的掌握度。
1333 1
|
Python
Number
Number。
229 6
|
JavaScript 开发工具 开发者
vue3【提效】使用 VueUse 高效开发(工具库 @vueuse/core + 新增的组件库 @vueuse/components)
vue3【提效】使用 VueUse 高效开发(工具库 @vueuse/core + 新增的组件库 @vueuse/components)
1676 1
|
IDE Java 应用服务中间件
【Java】已解决java.lang.ClassNotFoundException异常
【Java】已解决java.lang.ClassNotFoundException异常
5715 0