ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程

温湿度数据可视化

写的再详细也是木有人看滴~那就从简吧。

记录一下今天用ESP8266接入百度智能云平台实现温湿度数据可视化的学习过程:
1.项目列表->设备型项目
ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第1张图片

2.物模型->创建新的物模型->添加属性->创建(是Temperature不是Temprature…英文盲的我拼错单词了…)
ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第2张图片

ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第3张图片
3.点击新建物影子->选择物模型->下载连接信息(后面要用到)。物影子创建成功,处于离线状态。
ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第4张图片

4.程序方面的更改:让ESP8266与物影子建立MQTT连接
ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第5张图片
ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第6张图片
ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第7张图片
5.Clean Project和Build Project通过后,下载到开发板。
打开串口调试助手,按下Reset复位 ESP8266。
看到建立连接成功,上报温湿度数据。

ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第8张图片

6.物影子在线,刷新可查看当前值
ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第9张图片
注意这里的原始数据中的JSON格式:Temperature,所以我们的模型数据也该是Temperature(但是我此前拼错了后来才发现)
ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第10张图片
7.物可视->工作区->创建工作区->创建仪表盘
属性设置栏设置相应文本、参数。
ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第11张图片
ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第12张图片
ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第13张图片
ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第14张图片
8.界面顶部选择数据->新建数据表
然后类型选择设备影子,区域我的是广州

ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第15张图片
9.选定仪表盘,进行数据绑定
ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第16张图片
同理,温度仪表盘也设置。

最终结果如下。

ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第17张图片
10.点击发布,可以分享出去,就可以实时在手机端远程查看自己办公室的温湿度情况啦。
ESP8266接入百度智能云平台实现温湿度数据可视化,支持远程查看数据的学习过程_第18张图片

PS:
这里不知道你们注意到没有,我的物影子中的模型数据的属性名称"Temprature"是错的,应该是"Temperature",因为我的原始数据中的温度的JSON格式是"Temperature",所以当我当时是读不了温度的数据只有湿度的数据。后来查来查去才发现…我TMD拼错单词了…
属性名称要跟JSON格式里的“键”对应上。
为什么我不重新新建项目截正确的图再写份正确的?
写博客也是记录我的学习经历,中间遇到的bug当然也要记录下来啦!以及发现bug和纠错的过程也应该记录下来,免得自己下次还犯这种类似错误。其次,是我太懒了,写博客也很烧时间的好叭。
本来看的人就少,点赞的人更少,各位看官个个都白嫖!我瞎费啥劲啊,自己懂就好了,哈哈哈哈哈哈哈哈哈哈哈。
最后提醒一句,也是提醒我自己:平时码代码的时候,注意细节啊兄弟们!

附:
例程代码

你可能感兴趣的:(百度智能云平台,ESP8266,ESP8266,温湿度数据,可视化,远程查看,百度天工)