联系作者Q:2456640595
一、实现平台
1.阿里云物联网平台
二、搭建阿里云物联网平台
1.在搭建阿里云物联网平台之前,需要创建好阿里云物联网平台的设备和产品。
参考文章:(1条消息) ESP8266-01S+MQTT+阿里云数据传输_esp826601s支持mqtt吗_二筒rrrr的博客-CSDN博客
2.这里以ESP32_Test设备为例进行实验
点击公共实例返回主页面
点击增值服务
点击IOT Studio
点击新建
填写信息(这些并不是很重要,随便填填就行了)
成功进入WEB可视化开发界面
点击组件,开始设计可视化界面
将“仪表盘”组件和“实时曲线”托入设计界面中
选中仪表盘,点击右侧属性栏的配置数据源
点击产品管理
关联物联网产品和设备
注意:这里需要之前做过物联网平台才行,不然进去是没有产品和设备给你绑定的
参考文章:(1条消息) ESP8266-01S+MQTT+阿里云数据传输_esp826601s支持mqtt吗_二筒rrrr的博客-CSDN博客
可以跟着这个教程,创建物联网平台的产品和设备
然后关联设备:
回到可视化开发界面,选择好属性。这里以温湿度为例
实时曲线的设置:
选中实时曲线,配置数据源
按顺序配置好
配置完之后,仪表盘和实时曲线的数据会变化,是因为我之前用STM32+ESP-01S上报过数据
依葫芦画瓢,自行配置一下湿度就行啦。
至此,阿里云可视化界面已经配置完成。文章来源:https://www.toymoban.com/news/detail-850793.html
谢谢大家!!!文章来源地址https://www.toymoban.com/news/detail-850793.html
到了这里,关于零基础教你搭建阿里云物联网WEB可视化界面的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!