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

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

开发者学习笔记【阿里云物联网助理工程师认证(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
相关文章
|
数据采集 人工智能 安全
GPT-4:不了不了,这些我还做不到
ChatGPT的余波未平,GPT-4的风波又起。这次GPT-4的全新升级,再一次突破了技术的壁垒
GPT-4:不了不了,这些我还做不到
|
存储 监控 安全
物联网平台提供的功能特性(二)
物联网平台提供的功能特性(二)
464 21
|
数据可视化 前端开发 大数据
商场智能导视系统深度解析,AR与大数据融合创新商业运营模式
**商场智能导视系统提升购物体验:** 通过三维电子地图、AR导航、AR营销、VR全景导购及可视化数据,解决顾客寻路困扰,增强店铺曝光,简化招商流程,优化商场管理,借助科技创新驱动顾客满意度、品牌曝光度及运营效率的全面提升。
880 2
商场智能导视系统深度解析,AR与大数据融合创新商业运营模式
|
移动开发 小程序 物联网
智能车位引导系统:智能导航,便捷停车
摘要(Markdown格式): 智慧停车场结合室内定位导航技术,提升停车效率及用户体验。设计包括移动端H5导航小程序、大屏端智能联动,以及基于GIS的物联网管理。系统提供空余车位引导、车位预约、多样化寻车及AR导航等功能,支持与不同停车场系统对接,确保可扩展性。通过优化的离场引导,减少车主寻找出口的时间,整体提升了大型公共场所的客流管理和信息化水平。
1094 3
智能车位引导系统:智能导航,便捷停车
|
机器学习/深度学习 JSON 人工智能
「寻找热爱技术创作的你:写下你在技术探中的实践和思考」 零一万物大模型开放平台 第四天 我爱我园
在PowerShell中,由于安全策略,直接使用curl命令(实为`Invoke-WebRequest`别名)从特定URL请求数据时,可能出现错误。修正后的`Invoke-RestMethod`示例展示了如何向API发送POST请求,包含授权头、JSON体,并处理返回的数据。尽管成功展示了如何描述一张图片,但尝试对网上.html格式的图片进行分析时失败,因为需要的是可直接访问的网络图片URL。
「寻找热爱技术创作的你:写下你在技术探中的实践和思考」 零一万物大模型开放平台  第四天  我爱我园
|
存储 Android开发 Kotlin
Kotlin开发安卓app,在使用 MediaPlayer 播放 res/raw 中的音乐时遇到突然中断的问题,而 onErrorListener 没有接收到任何报错
在使用 Android MediaPlayer 播放 res/raw 中的音乐时遇到中断问题,可能的原因包括资源问题、媒体文件编码格式、生命周期管理和设备资源配置。要排查问题,检查音频文件是否正确包含,格式编码是否支持,MediaPlayer 是否正确管理及释放,以及设备是否有足够存储和配置。通过设置 onErrorListener 日志和确保在 onDestroy 中释放资源来调试。如果文件过大,考虑使用 AssetManager。遵循这些步骤可帮助诊断并解决播放中断的问题。
495 21
|
监控 算法 编译器
初识 Verilog HDL , 什么是verilog HDL?
这是一篇关于Verilog HDL的学习笔记摘要。Verilog是一种硬件描述语言,用于数字系统的多层抽象设计,包括行为、数据流和结构。设计流程包括功能设计、Verilog描述、软件模拟、逻辑综合和硬件实现。模块是Verilog的基本单元,代表逻辑实体,通过并行运行和分层连接实现复杂系统。模块包含端口列表和定义,通过模块调用(实例化)实现子模块连接。Verilog的参数声明和预处理指令(如`define、`include和`timescale)增加了代码的可读性和灵活性。笔记指出Verilog与C语言有相似之处,易于学习。
374 21
|
存储 C语言
【学习笔记】verilog HDL之二:数据类型与表达式
本文介绍了Verilog语言中的常量、变量和表达式。Verilog有四种基本值:0、1、x(未知)和z(高阻)。整型常量有十进制和基数两种格式,实数型常量包括浮点数,字符串常量由双引号括起的字符序列构成。变量分为线网型和寄存器型,线网型包括wire、tri等11种类型,寄存器型有reg、integer、time等,其中reg可声明存储器。表达式中的操作数包括常数、参数、线网等8种类型,操作符包括算术、关系、逻辑等9种类型。
812 21
|
数据采集 存储 NoSQL
Java爬虫-爬取疫苗批次信息
为了解决疫苗批号查询难题,作者因个人情况需查询脊髓灰质炎灭活疫苗信息,发现官网查询系统不便使用。于是,技术大展身手,编写了一个Java爬虫,利用Hutool、Jsoup和Spring Boot的MongoDB库,抓取并存储了中国食品药品检定研究院等多家机构近十年的疫苗批次信息。代码示例展示了如何爬取数据并存入MongoDB,方便按需查询。
261 21
|
JavaScript 前端开发
一个好看的vue admin模板
这是一个关于Vue管理模板的引用,提到了[PanJiaChen](https://github.com/PanJiaChen/vue-admin-template)在GitHub上的`vue-admin-template`项目。该项目是一个前端管理模板,链接指向了详细的资源。页面中还包含了一张图片,但markdown格式中无法直接显示。简而言之,这是关于一个基于Vue的后台管理界面模板的参考信息。