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

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

开发者学习笔记【阿里云物联网助理工程师认证(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
相关文章
|
图形学
模型UV纹理设置工具
贴图可以赋予模型丰富的外观纹理和颜色信息,而法线贴图可以增加模型的细节和真实感。这两种纹理贴图技术相互配合,共同营造出逼真的三维场景。
574 3
模型UV纹理设置工具
|
运维 监控 安全
云时代,如何保障运维安全?
运维是一个非常广泛的定义,在不同的用户不同的阶段有着不同的职责与定位。在初创公司,运维工程师的工作可能需要从申请域名开始,购买或租用服务器,上架,调整网络设备的设置,部署操作系统和运行环境,部署代码,设计和部署监控,防止漏洞和攻击等等。
439 21
云时代,如何保障运维安全?
|
存储 JavaScript
高拍仪二次开发(支持文豆高拍仪+谷歌火狐浏览器)
直接可以调用样例并参照接口函数删减功能,最后写存储就行,简单易用。
642 21
高拍仪二次开发(支持文豆高拍仪+谷歌火狐浏览器)
|
传感器 监控 安全
智慧机场数字孪生大屏升级智慧出行全方位服务
在宁波栎社国际机场的信息中心大楼内,一块大屏幕上展示了一座“数字孪生”机场。通过点击屏幕上的各个板块,可以实时查看现场情况,一旦出现突发状况,还可以立即启动闭环处置流程……
智慧机场数字孪生大屏升级智慧出行全方位服务
|
缓存 网络协议
内网协议信息收集
内网协议信息收集
181 2
|
安全 网络协议 物联网
物联网安全目标和类型
物联网安全问题主要涉及的有:数据安全、隐私、复制、RFID系统的威胁。
386 21
|
数据可视化 Docker Python
yolo5 onnx2rknn 瑞芯微香橙派 rk3588
本人博客 自转多平台发布
601 21
|
人工智能 数据可视化 图形学
媒体行业的3D建模:在影视中创造特效纹理
如果没有纹理,我们的电影和电视看起来会大不相同。我们会被毫无灵感的世界、平淡的背景和在视觉上无法提供给我们的角色所困扰。然而,正是这种数字和物理的同化赋予了定格动画电影独特的动画风格。这些不同的纹理增强了故事的世界;艺术家可以在布景和节目主题上更具创意,并进一步让观众沉浸在叙事中。
278 21
|
机器学习/深度学习 编解码 算法
YOLO 施工安全帽目标检测模型
建筑工地的工人安全是许多建筑行业日益关注的问题。佩戴安全帽可以减少建筑工地工人的伤害,但由于各种原因,安全帽并不总是正确佩戴。因此,基于计算机视觉的自动安全帽检测系统极为重要。许多研究人员已经开发了基于机器和深度学习的头盔检测系统,但很少有人专注于建筑工地的头盔检测。
484 21
|
数据采集 数据可视化 物联网
易云维®医院能源管理系统-医院整体综合节能方案
导致本次德国能源危机的诱因是俄乌战争,由于德国私立医院的配置、能源系统比公立的更高效,受到的影响相对比较小。故在面对不可抗力因素影响时,只能提前增强自身的抗风险能力,才能降低受影响程度。从古至今,中华民族一直都是一个忧患意识很强的民族,修运河、建长城、粮食储备、五年计划,都彰显了中华民族常怀远虑、居安思危的忧患意识。医疗是民生之需,只有加强医院能源体系的抗风险能力,才能做到有备无患。
244 21