零基础教你搭建阿里云物联网WEB可视化界面

联系作者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上报过数据

 依葫芦画瓢，自行配置一下湿度就行啦。

至此，阿里云可视化界面已经配置完成。

谢谢大家！！！