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

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

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

相关实践学习
钉钉群中如何接收IoT温控器数据告警通知
本实验主要介绍如何将温控器设备以MQTT协议接入IoT物联网平台,通过云产品流转到函数计算FC,调用钉钉群机器人API,实时推送温湿度消息到钉钉群。
阿里云AIoT物联网开发实战
本课程将由物联网专家带你熟悉阿里云AIoT物联网领域全套云产品,7天轻松搭建基于Arduino的端到端物联网场景应用。 开始学习前,请先开通下方两个云产品,让学习更流畅: IoT物联网平台:https://iot.console.aliyun.com/ LinkWAN物联网络管理平台:https://linkwan.console.aliyun.com/service-open
相关文章
|
4月前
|
JSON API 数据处理
Winform管理系统新飞跃:无缝集成SqlSugar与Web API,实现数据云端同步的革新之路!
【8月更文挑战第3天】在企业应用开发中,常需将Winform桌面应用扩展至支持Web API调用,实现数据云端同步。本文通过实例展示如何在已有SqlSugar为基础的Winform系统中集成HTTP客户端调用Web API。采用.NET的`HttpClient`处理请求,支持异步操作。示例包括创建HTTP辅助类封装请求逻辑及在Winform界面调用API更新UI。此外,还讨论了跨域与安全性的处理策略。这种方法提高了系统的灵活性与扩展性,便于未来的技术演进。
259 2
|
9天前
|
传感器 前端开发 Android开发
在 Flutter 开发中,插件开发与集成至关重要,它能扩展应用功能,满足复杂业务需求
在 Flutter 开发中,插件开发与集成至关重要,它能扩展应用功能,满足复杂业务需求。本文深入探讨了插件开发的基本概念、流程、集成方法、常见类型及开发实例,如相机插件的开发步骤,同时强调了版本兼容性、性能优化等注意事项,并展望了插件开发的未来趋势。
23 2
|
4月前
|
前端开发 Go API
goctl 技术系列 - 通过模板简化应用开发
goctl 技术系列 - 通过模板简化应用开发
|
7月前
|
移动开发 小程序 前端开发
【5月开发者日回顾】自定义TabBar、自定义组件支持 observers两大功能即将上线
【5月开发者日回顾】自定义TabBar、自定义组件支持 observers两大功能即将上线
53 11
|
7月前
|
自然语言处理 JavaScript 前端开发
低代码平台加载远端组件解决方案(1)——defineAsyncComponent
低代码平台加载远端组件解决方案(1)——defineAsyncComponent
373 0
|
7月前
|
移动开发 JavaScript 小程序
uniapp为什么能支持多端开发?uniapp底层是怎么做的?
uniapp为什么能支持多端开发?uniapp底层是怎么做的?
240 0
|
监控 安全 前端开发
低代码PaaS平台源码:采用对象式和勾选式实现企业应用程序开发,内置10大功能引擎
管理后台低代码PaaS平台是一款基于 Salesforce Platform 的开源替代方案,旨在为企业提供高效、灵活、易于使用的低代码开发平台。低代码PaaS平台的10大核心引擎功能:1.建模引擎 2.移动引擎 3.流程引擎 4.页面引擎 5.报表引擎 6.安全引擎 7.API引擎 8.应用集成引擎 9.代码引擎 10.公式引擎。 采用与直接模块拖拽编程不一致的是,低代码PAAS采用的对象方式实现字段、API的字段类型,引入RPA实现表自动化建模;再使用选择方式对地段功能进行选择定义甚至可以插入代码进行自定义。采用前后端同一技术,可实现功能应用边使用边修改的功能。
216 1
低代码PaaS平台源码:采用对象式和勾选式实现企业应用程序开发,内置10大功能引擎
|
数据可视化 物联网 数据挖掘
应用开发组件功能介绍(一)
应用开发组件功能介绍(一)
280 0
|
数据可视化 物联网 机器人
应用开发组件功能介绍(二)
应用开发组件功能介绍(二)
325 0
|
数据可视化 安全 数据管理
低代码快开平台:Web可视化开发+强大流程+源码+多端支持
本套低代码PaaS平台是一款基于 Salesforce Platform 的开源替代方案,支持多种企业应用场景,包括但不限于CRM、ERP、OA、BI、IoT、大数据等。无论是传统企业还是新兴企业,都可以使用管理后台快速构建自己的应用程序和流程。
324 0
低代码快开平台:Web可视化开发+强大流程+源码+多端支持