【阿里云IoT+YF3300】13.阿里云IoT Studio WEB监控界面构建-阿里云开发者社区

开发者社区> 阿里云物联网> 正文

【阿里云IoT+YF3300】13.阿里云IoT Studio WEB监控界面构建

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

  Web可视化开发是阿里云IoT Studio中比较重要的一个功能,通过可视化拖拽的方式,方便地将各种图表组件与设备相关的数据源关联,无需编程,即可将物联网平台上接入的设备数据可视化展现。
  目前支持的组件如下图所示:
图片1.png
工业组件.PNG
组件开发.PNG
(还支持组件开发,目前处在内测之中)
  通过可视化拖拽的方式,方便地将各种图表组件与设备相关的数据源关联,无需编程,即可将物联网平台上接入的设备数据可视化展现。
  我们的对接的硬件平台依然是YF3300,相关的配置如下:
图片2.png
  当前物联网平台已经直接集成了IoT Studio,如下图所示:
图片3.png
  首先我们在阿里云上构建YF3300的物模型,并在此基础上,我们添加温度和湿度这两个属性。
图片4.png
  阿里云IoT Studio中的设备管理和物联网平台中的设备管理有些不同,针对IoT Studio来说,是以项目为单位的。产品和设备在同一个项目内是共享的,在不同项目之间是隔离的。因此,为使得IoT Studio中具有访问产品/设备的权限,必须将物联网平台中的设备管理中的产品关联到项目中,或者直接在项目下创建产品和设备(在项目下创建的产品和设备,将直接显示在物联网平台的设备管理模块中)。
  在阿里云IoT Studio页面可以新建产品和设备,也可以绑定阿里云物联网平台中的产品和设备。并且在阿里云IoT Studio页面创建的设备,自动会出现在阿里云物联网平台中。
图片5.png
图片6.png
  我们拖拉两个仪表盘,和I1和I2还有继电器Q1输出相关的组件。
图片7.png
  相关的组件要和产品和物模型进行绑定,如下图所示:
图片8.png
  相关配置完成后,直接发布即可。
  在浏览器中,我们会直接看到对应的数据和状态发生变化,并且可以直接操作开关,控制实际的物联网设备。
图片9.png
  想体验阿里云IoT平台的网友,可以单击如下链接:https://dev.iot.aliyun.com/sale?source=deveco_partner_yefan

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
阿里云物联网
使用钉钉扫一扫加入圈子
+ 订阅

致力于实现万物互联的美好世界,为生态合作伙伴提供基于云计算、大数据、人工智能、云端一体化、安全的物联网基础平台和内容服务平台。

官方博客
最新市场活动
在线咨询