当前位置:网站首页>Data visualization ---- web page displays temperature and humidity
Data visualization ---- web page displays temperature and humidity
2022-07-29 20:48:00 【Paradise_Violet】
[Purpose]:
The temperature and humidity data reported by ESP8266 to the cloud will be displayed on the web page, so that we can check the real-time temperature and humidity of the office anytime, anywhere.
@: The temperature and humidity data are reported to [Material Access], and through the [rule engine]] Send the temperature and humidity data to [Database]/[Cloud Host]
After that, we carry out [front-end + back-end] development on the host, so as to display the temperature and humidity on the web page and realize [Data Visualization]
②: Baidu Cloud provides IoT components such as [Object Visualization]
so that we can display the temperature and humidity on the web page without purchasing [Cloud Host] and without the need for [front-end + back-end] development to realize [Data Visualization]
The data source of the object can be the object management. Our device can report the data to the object management through the mqtt protocol, and the object management will use the data we report as the data source of the object.Our device can also report data to the object access, and then send the data to the time series database through the rule engine, and the time series database is then used as the data source of the object view.The visible data source can also be static data, that is, .JSON/.CSV files

[Object Visualization] Data Source
①: Time Series Database
②: Thing Shadow
③: Static Database File
[Data Flow]: ①[Object Access] 1 > [Time Series]Database] 1>【Object Visualization】
②【Object Management_Object Shadow】->【Object Visualization】
【Material Management】Note:
①: 【Material Management】Access protocol: MQTT, HTTP, which can be seamlessly connected with the material engine, alarm service, material visualization and other products.
②: 【Object model】consists of one or more attributes, which can be used to represent a type of equipment.It is a component of property management.
③: [Object Shadow] corresponds to a real device in the real world.One of the data sources of [Object Visual] is [Object Shadow].
Note: Before the separate billing policy was introduced by the thing management, the request/response messages generated when the thing management updated the device shadow through the MQTT protocol will be counted in the [thing access].
【Object Shadow】Precautions for use:
④: Device connection 【Object Shadow】: MQTT connection parameters, obtained when the object shadow is created.[ClientID] in MQTTQ is changed to [Object Shadow Name]
⑤: After the MQTT connection is successful, for the [topic] of subscription and publishing, please refer to [Console] 1 > [Object Shadow] -> [Interaction]
⑥: For the format of reporting data to [Object Shadow], please refer to [Product Documentation]->[Object Management]->[Object Shadow Operation]
边栏推荐
猜你喜欢
随机推荐
ESP8266-Arduino programming example-EEPROM read and write
FPGA设计8位异步、同步二进制计数器
Xcode如何利用预览(Preview)让SwiftUI视图快速适配不同尺寸的设备
【目标检测】Generalized Focal Loss V2
悲伤的摇滚乐
小程序onlaunch和onload(小程序onunload)
Monitoring basic resources through observation cloud monitor, automatic alarm
通过观测云监控器监控基础资源,自动报警
正则表达式
scratch学习相关资料汇总
无知大V秀智商!台积电南京厂扩产28nm将击垮大陆晶圆代工业?无稽之谈!
Chrome - Plugin Recommendations
Flink1.15源码阅读flink-clients之GenericCLI、flinkYarnSessionCLI和DefaultCLI
leetcode:952. 按公因数计算最大组件大小【并查集】
搭建自己的以图搜图系统 (一):10 行代码以图搜图
[GXYCTF2019]禁止套娃
JS实现倒计时代码实例「建议收藏」
cpolar应用实例之助力航运客户远程办公
C语言进阶 —— 枚举与联合
etcd实现大规模服务治理应用实战



![[数学基础]线性代数相关概念学习](/img/4c/d43fb47ff5b99998660a679b20699c.png)





