20分钟采集甲醛、二氧化碳上传ThingsPanel物联网平台并可视化

通过ESP8266开发板采集甲醛及二氧化碳数据上传物联网平台

一、硬件准备
二、硬件连接
三、代码配置
四、MQTT.fx查看数据
五、ThingsPanel配置（完工）

本次主要讲解一下通过开源WIFI物联网开发板ESP-12F采集TVOC及二氧化碳传感器数据并通过MQTT将采集到的数据用JSON格式发送给开源物联网平台ThingsPanel。

最终效果图如下：

本篇文章我们用 5 步将采集到的数据发送到开源平台ThingsPanel上

硬件准备
硬件连接
代码配置
MQTT.fx查看数据
平台配置操作步骤

一、硬件准备

本次硬件选用ESP-12FWIFI物联网开发板作为硬件来实现。涉及硬件如下：

ESP-12FWIFI物联网开发板：

二氧化碳及甲醛传感器：

4P杜邦线：

USB数据线：

二、硬件连接

将TVOC及二氧化碳传感器插接到ESP-12FWIFI物联网开发板的外设接口，线序按照下表连接：

序号	ESP8266开发板	光照强度传感器
1	5V	VCC
2	IO14	SCL
3	IO2	DAT
4	GND	GND

实物如下图所示：

把ESP-12FWIFI物联网开发板通过USB连接线连接到电脑USB接口上，如下图所示：

三、代码配置

安信可WINDOWS开发环境搭建及使用说明，请参考安信可官网下载安装说明：

http://aiclouds3.0-docs.aithinker.com/#/2.device/configuration_windows

开发环境搭建完成后，通过安信可WINDOWS开发环境AiThinkerIDE打开提供的示例代码。

完整代码自取：

链接：https://pan.baidu.com/s/1WWCCh3N8-4JARa_p9yISBg

提取码：xyrt

MQTT配置信息及WIFI配置信息部分代码：

Mqtt_config.h

#define MQTT_HOST            "**.**.**.**"         // MQTT服务端域名/IP地址   // the IP address or domain name of your MQTT server or MQTT broker ,such as "mqtt.yourdomain.com"
#define MQTT_PORT           ****                                            // 网络连接端口号          // the listening port of your MQTT server or MQTT broker
#define MQTT_CLIENT_ID      "ESP8266ID0x%x"   // 官方例程中是"Device_ID"      // 客户端标识符               // the ID of yourself, any string is OK,client would use this ID register itself to MQTT server
#define MQTT_USER           "****"            // MQTT用户名              // your MQTT login name, if MQTT server allow anonymous login,any string is OK, otherwise, please input valid login name which you had registered
#define MQTT_PASS           "****"    // MQTT密码                   // you MQTT login password, same as above#define STA_SSID           "****"        // WIFI名称                   // your AP/router SSID to config your device networking
#define STA_PASS            "****"    // WIFI密码                   // your AP/router password
#define STA_TYPE            AUTH_WPA2_PSKtoken部分代码：
mqtt.c
#define TOKEN_DEVID             "****"        //

四、MQTT.fx查看数据

打开MQTT.fx查看数据：

数据已经成功推送到MQTT.broker，接下来仅需到ThingsPanel平台进行相关配置即可。

五、ThingsPanel配置（完工）

1、创建业务

登录平台后首先点击：业务-新增-输入业务名称-点击保存业务

2、编辑业务

新建业务保存后点击编辑业务进行业务编辑

进入业务编辑页面后：输入资产名称-输入资产别名-选择对应插件-点击参数进行相关参数编辑

进入参数编辑页面依次：选择协议-输入TOKEN值-点击修改

之后点击管理。

进入管理界面后：输入设备端字段-选择插件预设值-如果需要可以点击新增-最后确定这样就完成了业务的新建。

3、创建可视化

业务创建完成后开始创建可视化：点击可视化-新增-输入名称-选择业务-保存，这样就完成了可视化灯等创建。

4、编辑可视化

点击可视化图表进行可视化编辑

进入后一次：点击右上角+号-选择资产-选择设备-选择要添加的图表单元-保存，这样就完成了可视化图表的添加。

5、配置好的效果图如下：

以上是实现甲醛和二氧化碳数据采集并发送到可视化平台的全部操作步骤，如需集成更多漂亮的插件请关注ThingsPanel（极益物联网）。