Web可视化开发是阿里云IoT Studio中比较重要的一个功能,通过可视化拖拽的方式,方便地将各种图表组件与设备相关的数据源关联,无需编程,即可将物联网平台上接入的设备数据可视化展现。

目前支持的组件如下图所示:

通过可视化拖拽的方式,方便地将各种图表组件与设备相关的数据源关联,无需编程,即可将物联网平台上接入的设备数据可视化展现。

我们的对接的硬件平台依然是YF3300,相关的配置如下:

当前物联网平台已经直接集成了IoT Studio,如下图所示:

首先我们在阿里云上构建YF3300的物模型,并在此基础上,我们添加温度和湿度这两个属性。

阿里云IoT Studio中的设备管理和物联网平台中的设备管理有些不同,针对IoT Studio来说,是以项目为单位的。产品和设备在同一个项目内是共享的,在不同项目之间是隔离的。因此,为使得IoT Studio中具有访问产品/设备的权限,必须将物联网平台中的设备管理中的产品关联到项目中,或者直接在项目下创建产品和设备(在项目下创建的产品和设备,将直接显示在物联网平台的设备管理模块中)。

在阿里云IoT Studio页面可以新建产品和设备,也可以绑定阿里云物联网平台中的产品和设备。并且在阿里云IoT Studio页面创建的设备,自动会出现在阿里云物联网平台中。

我们拖拉两个仪表盘,和I1和I2还有继电器Q1输出相关的组件。

相关的组件要和产品和物模型进行绑定,如下图所示:

相关配置完成后,直接发布即可。

在浏览器中,我们会直接看到对应的数据和状态发生变化,并且可以直接操作开关,控制实际的物联网设备。

想体验阿里云IoT平台的网友,可以单击如下链接:https://dev.iot.aliyun.com/sale?source=deveco_partner_yefan

最新文章

  1. 树莓派(rasperberry pi 2)上装mysql远程无法访问
  2. 关于Linkedlist 和 ArrayDeque的讨论
  3. PCWIFI--无线网络共享软件
  4. 11.安装KVM虚拟机
  5. .NET/C#/Oracle数据库操作类
  6. windows系统中ubuntu虚拟机安装及web项目到服务上(二)
  7. bzoj 3781 小B的询问(莫队算法)
  8. (重)POJ 3020Antenna Placement
  9. MySql优化方案
  10. 脑波设备mindwave数据流二次开发示例
  11. scala集合和高级函数操作
  12. javascript数组(1) ——sort的工作原理及其他数组排序方法
  13. nessus重置密码
  14. ThreadPoolExecutor系列一——ThreadPoolExecutor 机制
  15. IIS配置HTTPS
  16. 为s5pv210烧录镜像
  17. 使用JFlex生成词法分析器 1:安装配置
  18. Vim settings file on Windows
  19. MySQL -- Innodb的关闭
  20. [转]C#综合揭秘——Entity Framework 并发处理详解

热门文章

  1. `docker数据持久化volume和bind mounts两种方式
  2. 《带你装B,带你飞》pytest修炼之路1- 简介和环境准备
  3. $Poj3714/AcWing\ Raid$ 分治/平面最近点对
  4. 良心推荐,我珍藏的一些Chrome插件
  5. spring boot学习笔记(1)
  6. rust 打印当前时间
  7. 《深入理解 Java 虚拟机》读书笔记:虚拟机性能监控与故障处理工具
  8. 解决:'chromedriver' executable needs to be in PATH的问题
  9. 微信小程序修改checkbox的样式
  10. 跟着知识追寻者学BeautifulSoup,你学不会打不还口,骂不还手