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

这篇具有很好参考价值的文章主要介绍了零基础教你搭建阿里云物联网WEB可视化界面。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

联系作者Q:2456640595

一、实现平台

1.阿里云物联网平台

二、搭建阿里云物联网平台

1.在搭建阿里云物联网平台之前,需要创建好阿里云物联网平台的设备和产品。

参考文章:(1条消息) ESP8266-01S+MQTT+阿里云数据传输_esp826601s支持mqtt吗_二筒rrrr的博客-CSDN博客

 2.这里以ESP32_Test设备为例进行实验

在 web 应用中可视化 iot 数据,阿里云,物联网

 点击公共实例返回主页面

在 web 应用中可视化 iot 数据,阿里云,物联网

点击增值服务

 点击IOT Studio

在 web 应用中可视化 iot 数据,阿里云,物联网

 点击新建

在 web 应用中可视化 iot 数据,阿里云,物联网

填写信息(这些并不是很重要,随便填填就行了)

在 web 应用中可视化 iot 数据,阿里云,物联网

成功进入WEB可视化开发界面

在 web 应用中可视化 iot 数据,阿里云,物联网

点击组件,开始设计可视化界面

在 web 应用中可视化 iot 数据,阿里云,物联网

将“仪表盘”组件和“实时曲线”托入设计界面中

 在 web 应用中可视化 iot 数据,阿里云,物联网

 选中仪表盘,点击右侧属性栏的配置数据源

 点击产品管理

关联物联网产品和设备

注意:这里需要之前做过物联网平台才行,不然进去是没有产品和设备给你绑定的

参考文章:(1条消息) ESP8266-01S+MQTT+阿里云数据传输_esp826601s支持mqtt吗_二筒rrrr的博客-CSDN博客

可以跟着这个教程,创建物联网平台的产品和设备

 然后关联设备:

在 web 应用中可视化 iot 数据,阿里云,物联网

 回到可视化开发界面,选择好属性。这里以温湿度为例

在 web 应用中可视化 iot 数据,阿里云,物联网

 实时曲线的设置:

选中实时曲线,配置数据源 

在 web 应用中可视化 iot 数据,阿里云,物联网

按顺序配置好

 配置完之后,仪表盘和实时曲线的数据会变化,是因为我之前用STM32+ESP-01S上报过数据

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

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

谢谢大家!!!文章来源地址https://www.toymoban.com/news/detail-850793.html

到了这里,关于零基础教你搭建阿里云物联网WEB可视化界面的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 阿里云物联网服务端

    目录 阿里云准备 MQTT 下载 安装完成后 直接打开 报错  MQTT.FX license key MQTT连接阿里云  通信测试 测试下行 测试上行 服务端开发 服务端订阅设备消息 使用自定义Topic进行通信   ​编辑​实用的IDE插件 阿里云账号 开通物联网平台创建一个公共实例 创建产品 添加设备 此时设

    2024年02月03日
    浏览(42)
  • 连接阿里云物联网平台

    阿里云物联网平台: link — ` pip3 install paho-mqtt 然后点击刚刚创建的产品,然后点击功能定义,点击草稿编辑,再点击自定义功能定义 然后输入你想要上传的信息的类型定义 设备信息是基于你刚刚定义的产品信息 点击进去后你点击右上角的查看,可以看到三元组 将上边的三元

    2024年02月12日
    浏览(45)
  • 阿里云物联网对接指导文档

    阿里云物联网平台是一个集成了设备管理、数据安全通信和消息订阅等能力的一体化平台。向下支持连接海量设备,采集设备数据上云;向上提供云端API,服务端可通过调用云端API将指令下发至设备端,实现远程控制。 物联网平台与设备、服务端、客户端的消息通信流程如下

    2024年01月22日
    浏览(35)
  • 阿里云物联网流转表格存储Tablestore

    首先简单的介绍下这两个阿里云的产品功能吧 阿里云物联网:物联网平台提供安全可靠的设备连接通信能力,支持设备数据采集上云,规则引擎流转数据和云端数据下发设备端。此外,也提供方便快捷的设备管理能力,支持物模型定义,数据结构化存储,和远程调试、监控、

    2024年02月07日
    浏览(48)
  • 国际站阿里云物联网云端部署方案!!

    iHC-3308GW阿里云物联网云端部署。阿里云物联网云端部署方案具有以下特点:支持RS485、CAN、RS232多种通讯方式;支持Modbus标准工业协议转MQTT协议;云端支持阿里云和私有云部署。通过温湿度传感器的技术案例,我们可以进行云端部署。 ·硬件包括一台iHC-3308GW工业4G智能网关和

    2024年02月10日
    浏览(58)
  • 1-基本控制篇(阿里云物联网平台)-C#,网页,android,微信小程序,单片机等使用MQTT接入阿里云物联网平台

    \\\"ProductKey\\\": \\\"a1m7er1nJbQ\\\", \\\"DeviceName\\\": \\\"Mqtt\\\", \\\"DeviceSecret\\\": \\\"7GUrQwgDUcXWV3EIuLwdEvmRPWcl7VsU\\\" 如何使用MQTT协议模拟设备快速接入物联网平台_物联网平台(IoT)-阿里云帮助中心    阿里云的说明文档 a1m7er1nJbQ.iot-as-mqtt.${region}.aliyuncs.com a1m7er1nJbQ.iot-as-mqtt.cn-shanghai.aliyuncs.com 112233445566|securemode=3,s

    2024年04月12日
    浏览(131)
  • 阿里云物联网平台专用工具详细说明

    为了更便捷的使用阿里云物联网平台和更好的让YFIOs数据组态和阿里云物联网平台对接,开发了一款阿里云物联网平台专用工具-AliIoTTools。 AliIoTTools物联网平台专用工具第一版开发完毕的时候,阿里云物联网平台相关的API为151个(目前已经超过该数字),该工具共采用了77个

    2024年02月02日
    浏览(54)
  • 基于阿里云物联网平台的Android物联网软件框架(快速开发)

    提示:该工程是连接阿里云物联网平台的模板代码,将MQTT连接、JSON数据的订阅发布等操作封装,并且能够迅速将获取到的数据显示到手机界面上。使用了Servier进行网络连接的逻辑操作,并且使用自定义控件,绑定对用标识符的数据对象,实现了数据自动实时更新等操作,并

    2024年02月06日
    浏览(52)
  • 【Android+物联网】Android封装MQTT连接阿里云物联网平台

    前言: 亲测可行,本文实现Android封装MQTT连接阿里云物联网平台。将MQTT协议和连接阿里云平台的操作通过Android studio写入APP中,并简单设计UI。实现手机APP远程控制单片机LED灯亮灭的功能。 关于《 Android软件开发 》,见如下专栏 https://blog.csdn.net/m0_61712829/category_12455686.html?sp

    2024年02月01日
    浏览(76)
  • MQTT连接阿里云物联网上报物模型数据

    目录 1. 创建产品(物联网平台 - 产品 - 创建产品) 2. 为产品添加设备 3. 添加物模型 4. mqtt.fx连接测试 5. 调试物模型 6. 使用mqtt.fx上报温度数据  我这里再新建一个名为 \\\"Test01\\\" 的产品作为演示 选择 \\\"添加自定义功能\\\" 添加 温度 属性: 创建好后,点击 发布上线 MQTT.fx是一款基

    2024年04月12日
    浏览(44)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包