STM32驱动ESP8266连接阿里云(2)----接入阿里IoT Studio实现Web可视化

2024-05-31  

烧录MQTT固件

概述

阿里IoT Studio是一个物联网开发平台,可用于快速构建基于云端的物联网应用。它提供了丰富的物联网组件和工具,使得开发者可以轻松地进行设备接入、数据存储、数据分析等操作。 要实现Web可视化,可以通过IoT Studio中的数据可视化组件进行开发。首先,需要将设备连接到IoT Studio平台,可以选择使用阿里云物联网套件、MQTT等方式进行连接。连接后,设备上报的数据可以被IoT Studio平台接收并存储。 通过接入阿里IoT Studio平台,结合数据可视化组件和Web技术,可以实现对物联网设备的实时监测和控制。 

链接:[https://studio.iot.aliyun.com/]


生成项目

在项目管理中新建项目。

在这里插入图片描述

在主页中选择Web应用可以新建项目。

在这里插入图片描述

输入项目名称。

在这里插入图片描述

举个例子,可以用仪表盘去显示湿度范围。

在这里插入图片描述

拖拽出来后,需要去配置数据源,这样才知道展示什么数据。

在这里插入图片描述

选择需要展示的设备以及其属性。

在这里插入图片描述

发送指令去测试,例如发送湿度49。

AT+MQTTPUB=0,"/sys/a1ZCbJN0kQB/4WpGE15ik3MbGt0lEiIj/thing/event/property/post","{params:{"CurrentHumidity":49}}",0,0

可以看到数据能够正常的显示。

在这里插入图片描述

上报温度数据用实时曲线来演示。

在这里插入图片描述

拖拽出来后,需要去配置数据源,展示温度数据。
在这里插入图片描述

选择需要展示的设备以及其属性。

在这里插入图片描述

发送指令去测试,例如发送温度15。

AT+MQTTPUB=0,"/sys/a1ZCbJN0kQB/4WpGE15ik3MbGt0lEiIj/thing/event/property/post","{params:{"Temperature":15}}",0,0

可以看到数据能够正常的显示。

在这里插入图片描述


文章来源于:电子工程世界    原文链接
本站所有转载文章系出于传递更多信息之目的,且明确注明来源,不希望被转载的媒体或个人可与我们联系,我们将立即进行删除处理。