当前位置：首页 > news >正文

别再花钱买成品了！手把手教你用ESP32+DHT11+OLED做一个自己的桌面环境监测仪（附完整代码）

news 2026/6/2 19:07:50

零基础打造高颜值桌面环境监测仪：ESP32+DHT11+OLED全攻略

书桌上的小物件往往能反映主人的品味与生活态度。想象一下，一个由你亲手打造、既能实时显示温湿度又充满科技感的桌面小设备，不仅实用，还能成为工作台上一道独特的风景线。本文将带你从零开始，用最常见的ESP32开发板、DHT11传感器和OLED屏幕，制作一款完全属于你的环境监测仪。

1. 为什么选择ESP32+DHT11+OLED组合？

在众多硬件方案中，ESP32搭配DHT11和OLED显示屏的组合堪称性价比之王。ESP32自带Wi-Fi和蓝牙功能，双核处理器性能强劲，而价格仅相当于一杯咖啡。DHT11温湿度传感器虽然精度不算顶尖，但对于日常环境监测完全够用，且价格低廉、使用简单。0.96寸OLED屏幕功耗低、显示清晰，是小型项目的理想选择。

这套方案的核心优势：

总成本不足百元：ESP32开发板约30元，DHT11约5元，OLED屏幕约15元
无需焊接：使用杜邦线即可完成全部连接
代码简单：完整代码不到100行，适合初学者
即插即用：无需复杂配置，烧录程序后立即工作

我曾为办公室同事制作过十几个这样的监测仪，最长的已经稳定运行两年多，证明了这个方案的可靠性。

2. 硬件准备与连接指南

2.1 所需材料清单

在开始之前，请确保你已准备好以下物品：

组件	型号	数量	备注
开发板	ESP32	1	推荐NodeMCU-32S或WROOM系列
温湿度传感器	DHT11	1	注意区分DHT11和DHT22
显示屏	0.96寸OLED	1	I2C接口，128x64分辨率
连接线	杜邦线	若干	建议使用公对公线
电源	Micro USB线	1	普通手机充电线即可
外壳	可选	1	3D打印或手工制作

提示：购买DHT11时，建议选择带有PCB板的版本，这种型号已经集成了上拉电阻，使用更方便。

2.2 硬件连接图解

连接硬件就像玩拼图一样简单，按照以下步骤操作：

DHT11连接ESP32：
- VCC → 3.3V
- GND → GND
- DATA → GPIO4 (可根据需要更改)
OLED连接ESP32：
- VCC → 3.3V
- GND → GND
- SCL → GPIO22
- SDA → GPIO21
供电：
- 使用Micro USB线为ESP32供电

// 连接示意图 ESP32: 3.3V ---- DHT11_VCC GND ---- DHT11_GND GPIO4 --- DHT11_DATA 3.3V ---- OLED_VCC GND ---- OLED_GND GPIO22 -- OLED_SCL GPIO21 -- OLED_SDA

连接完成后，建议用热熔胶或蓝丁胶固定线材，避免松动。我曾因为线材接触不良调试了半天，这个小技巧能帮你省去不少麻烦。

3. 软件环境配置与代码解析

3.1 Arduino IDE设置

虽然ESP32支持多种开发环境，但对于初学者，Arduino IDE无疑是最友好的选择。以下是配置步骤：

安装Arduino IDE：
- 从官网下载最新版本(建议1.8.x以上)
- 安装时勾选"创建桌面快捷方式"
添加ESP32支持：
- 打开首选项 → 附加开发板管理器网址
- 添加：https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json
- 工具 → 开发板 → 开发板管理器 → 搜索"esp32" → 安装
安装必要库：
- 工具 → 管理库 → 搜索安装以下库：
  - DHT sensor library
  - Adafruit SSD1306
  - Adafruit GFX Library

注意：安装库时可能会遇到多个同名库，选择下载量最大、更新日期最新的版本。

3.2 完整代码与逐行解析

下面这段代码实现了温湿度读取和OLED显示的核心功能，我已添加详细注释：

#include <Wire.h> #include <Adafruit_GFX.h> #include <Adafruit_SSD1306.h> #include <DHT.h> #define SCREEN_WIDTH 128 #define SCREEN_HEIGHT 64 #define OLED_RESET -1 #define DHTPIN 4 // DHT11数据引脚 #define DHTTYPE DHT11 // 传感器类型 Adafruit_SSD1306 display(SCREEN_WIDTH, SCREEN_HEIGHT, &Wire, OLED_RESET); DHT dht(DHTPIN, DHTTYPE); void setup() { Serial.begin(115200); // 初始化OLED if(!display.begin(SSD1306_SWITCHCAPVCC, 0x3C)) { Serial.println(F("OLED初始化失败")); for(;;); // 卡死 } dht.begin(); display.clearDisplay(); display.setTextSize(1); display.setTextColor(WHITE); // 显示启动画面 display.setCursor(0,0); display.println("环境监测仪"); display.println("初始化中..."); display.display(); delay(2000); } void loop() { delay(2000); // 2秒更新一次 float h = dht.readHumidity(); // 读取湿度 float t = dht.readTemperature(); // 读取温度(摄氏度) // 检查读数是否有效 if (isnan(h) || isnan(t)) { display.clearDisplay(); display.setCursor(0,0); display.println("传感器错误!"); display.display(); return; } // 在OLED上显示数据 display.clearDisplay(); display.setCursor(0,0); display.print("温度: "); display.print(t); display.println(" C"); display.print("湿度: "); display.print(h); display.println(" %"); // 添加简单的表情反馈 display.setCursor(0,40); if(t > 28) { display.println("太热了! >_<"); } else if(t < 18) { display.println("有点冷... :("); } else { display.println("舒适~ ^_^"); } display.display(); }

代码关键点解析：

DHT.readTemperature()默认返回摄氏度，如需华氏度可添加参数true
isnan()函数用于检测传感器读数是否有效
OLED显示采用了分页刷新，避免全屏闪烁
添加了简单的表情反馈，让设备更有"温度"

4. 进阶优化与个性化定制

基础功能实现后，你可以根据自己的需求进行各种个性化改造。下面分享几个我实践过的实用技巧：

4.1 外观美化方案

一个好看的壳体能大大提升设备的质感，以下是几种可行的方案：

3D打印外壳：
- 使用Tinkercad或Fusion 360设计
- 推荐壁厚2mm，留出传感器通风孔
- 可添加磁铁嵌入槽，方便吸附在金属表面
木质手工外壳：
- 用雪糕棒或薄木板制作
- 激光切割更精准，但手工也别有风味
- 表面可用烙铁烫出个性化图案
乐高积木组装：
- 利用现有乐高零件自由组合
- 拆卸方便，适合经常调整布局

4.2 功能扩展思路

如果你想让这个小设备更加智能，可以考虑以下扩展：

历史数据记录：

// 添加SD卡模块记录数据 #include <SD.h> File dataFile; void setup() { // ...原有代码... if (!SD.begin(5)) { // CS引脚接GPIO5 Serial.println("SD卡初始化失败"); } } void loop() { // ...原有代码... dataFile = SD.open("datalog.txt", FILE_WRITE); if(dataFile) { dataFile.print(millis()); dataFile.print(","); dataFile.print(t); dataFile.print(","); dataFile.println(h); dataFile.close(); } }

无线数据传输：
- 通过ESP32的Wi-Fi功能将数据发送到手机
- 可使用BLE或简单的HTTP服务器

环境光自动调节：

// 添加光敏电阻自动调节屏幕亮度 int lightPin = 34; // GPIO34连接光敏电阻 void loop() { int lightValue = analogRead(lightPin); int contrast = map(lightValue, 0, 4095, 0, 255); display.dim(contrast < 50); // ...原有代码... }