1. 项目背景与核心价值
去年帮朋友改造智能温室时，发现市面上成品环境监测设备要么功能过剩要么扩展性不足。于是用ESP32搭建了一套低成本环境数据采集系统，通过Web服务器实时展示温湿度、光照等数据。这套方案特别适合中小型空间监测，成本控制在百元内，而类似功能的商业设备至少千元起步。
ESP32作为核心有三大优势：双核处理器能同时处理传感器数据和网络请求；内置Wi-Fi模块省去额外通信成本；超低功耗特性适合7×24小时运行。Web服务器方案则打破了传统物联网平台依赖，数据完全自主掌控，还能根据需求灵活定制界面。
2. 硬件选型与电路设计
2.1 核心器件清单
- 主控芯片：ESP32-WROOM-32D（4MB Flash）
- 环境传感器：BME280（温湿度气压三合一）
- 光照传感器：BH1750（0-65535lx量程）
- 电源模块：AMS1117-3.3V稳压电路
- 辅助元件：10kΩ上拉电阻×4、0.1μF去耦电容×2
实测发现：BME280需要特别注意I²C地址冲突问题。部分厂商默认使用0x76，而有些是0x77，购买时务必确认。
2.2 电路连接要点
cpp复制// I²C设备连接示意图
ESP32 GPIO21 → SDA → 接所有传感器SDA
ESP32 GPIO22 → SCL → 接所有传感器SCL
BME280 VCC → 3.3V
BH1750 ADDR → GND（设置I²C地址为0x23）
电源部分容易踩坑：ESP32的3.3V引脚最大输出电流仅500mA，当连接多个传感器时建议外接3.3V稳压电路。我在初期测试中就因同时接入了OLED屏幕导致传感器数据异常。
3. 固件开发关键实现
3.1 开发环境搭建
-
安装Arduino IDE后需添加ESP32支持：
- 首选项添加开发板管理器网址：
https://dl.espressif.com/dl/package_esp32_index.json - 开发板管理器搜索安装"esp32 by Espressif Systems"
- 首选项添加开发板管理器网址：
-
必需库文件：
bash复制Adafruit_BME280 # 环境传感器驱动 BH1750 # 光照传感器驱动 WebServer # ESP32内置Web服务器库
3.2 核心代码解析
传感器数据读取：
cpp复制float readBME280Data() {
if (!bme.begin(0x76)) { // 根据实际地址修改
Serial.println("BME280 init failed!");
return 0;
}
return bme.readTemperature(); // 示例仅读取温度
}
Web服务器实现：
cpp复制WebServer server(80);
void handleRoot() {
String html = "<html><body>";
html += "<h1>环境监测数据</h1>";
html += "<p>温度: " + String(readBME280Data()) + " ℃</p>";
server.send(200, "text/html", html);
}
void setup() {
server.on("/", handleRoot);
server.begin();
}
调试技巧：先用
Serial.println()输出原始数据验证准确性，再接入Web界面。曾遇到Web显示数据异常，最终发现是字符串转换丢失了小数位。
4. 网络配置与优化
4.1 智能配网方案
传统方案需要硬编码Wi-Fi账号密码，极不灵活。推荐使用WiFiManager库实现配网：
- 首次启动时自动进入AP模式（SSID:ESP32-Config）
- 手机连接后弹出配置页面
- 输入本地Wi-Fi信息后自动重启连接
cpp复制#include <WiFiManager.h>
void setup() {
WiFiManager wifiManager;
wifiManager.autoConnect("ESP32-Config");
}
4.2 数据传输优化
- 数据缓存：建立环形缓冲区存储历史数据，网络中断时暂存本地
- 心跳机制：每5分钟向服务器发送存活信号
- 重连策略：采用指数退避算法，从1秒开始倍增重试间隔
实测发现：简单的WiFi.reconnect()在复杂网络环境中成功率不足60%，改用以下方案后提升至98%：
cpp复制void reconnectWiFi() {
WiFi.disconnect();
delay(100);
WiFi.begin(ssid, password);
for(int i=0; i<20; i++) {
if(WiFi.status() == WL_CONNECTED) return;
delay(500);
}
ESP.restart(); // 终极解决方案
}
5. 前端界面进阶设计
5.1 动态数据可视化
使用Chart.js实现实时曲线展示，需在HTML中嵌入：
html复制<canvas id="envChart"></canvas>
<script>
var ctx = document.getElementById('envChart').getContext('2d');
var chart = new Chart(ctx, {
type: 'line',
data: {
labels: ['0', '1', '2', '3', '4'],
datasets: [{
label: '温度变化',
data: [22.1, 22.3, 22.0, 21.9, 22.2],
borderColor: 'rgb(255, 99, 132)'
}]
}
});
</script>
5.2 移动端适配技巧
通过viewport设置和CSS媒体查询优化手机显示：
css复制@media (max-width: 600px) {
.data-card {
width: 90%;
font-size: 1.2em;
}
#envChart {
height: 300px!important;
}
}
曾遇到iOS Safari浏览器无法正常渲染图表的问题，最终发现需要额外配置：
javascript复制Chart.defaults.font.family = "'Helvetica Neue', sans-serif";
6. 系统部署与维护
6.1 功耗优化方案
- 关闭蓝牙：
btStop() - 调整CPU频率：
setCpuFrequencyMhz(80) - 深度睡眠模式（需硬件支持RTC唤醒）
实测数据对比：
| 模式 | 电流消耗 | 数据更新间隔 |
|---|---|---|
| 全速运行 | 120mA | 实时 |
| 80MHz模式 | 70mA | 实时 |
| 深度睡眠 | 5μA | 5分钟 |
6.2 异常处理机制
建立三级故障应对策略：
- 传感器故障：自动切换备用传感器（如有）
- 网络故障：启动本地数据存储
- 系统崩溃：看门狗定时器强制重启
关键代码实现：
cpp复制#include <esp_task_wdt.h>
void setup() {
esp_task_wdt_init(30, true); // 30秒看门狗
}
void loop() {
esp_task_wdt_reset();
// 业务代码...
}
7. 项目扩展方向
- 多节点组网：通过ESP-NOW协议实现传感器网络
- 云端备份：定期同步数据到私有服务器
- 报警功能：当温度超过阈值时发送邮件通知
- 能源管理：接入太阳能电池板监测系统
最近在温室项目中扩展了CO2监测功能，使用MH-Z19B红外传感器时需要注意：
- 需预热3分钟才能稳定读数
- 定期ABC校准（自动基线校正）
- 避免安装在气流死角位置
这个项目的魅力在于：用200元不到的硬件成本，实现了商业设备上万元的功能。所有代码和电路图已开源在GitHub，欢迎交流改进。在实际部署中，建议先用面包板搭建原型，稳定运行一周后再制作PCB，能避免很多后期麻烦。