为ESP32微控制器打造的专业级UI库，内置任务调度运行时、…

# ESP32 温湿度控制界面方案（DHT22 + 网页曲线 + 继电器远程控制）

> 注：您未指明具体库，以下基于最常见的 Arduino 框架 + ESPAsyncWebServer + ArduinoJson 方案（也可用 ESP32 内置 WebServer 库替代）。

一、硬件连接

• DHT22：DATA → GPIO4（接 4.7kΩ~10kΩ 上拉电阻），VCC → 3.3V，GND 共地
• 继电器模块：IN → GPIO2（建议选 3.3V 触发电平的模块），用独立电源供电并共地，勿由 ESP32 板载 3.3V 直接带动大负载

二、依赖库安装（Arduino IDE / PlatformIO）

• DHT sensor library（Adafruit）+ Adafruit Unified Sensor
• ESPAsyncWebServer + AsyncTCP
• ArduinoJson

三、后端 REST API 设计

• GET /api/data：返回 JSON（温度、湿度、继电器状态），前端每 2~5 秒轮询
• GET /api/relay?state=on|off（或 POST /api/relay）：控制继电器并返回当前状态
• GET /：返回内嵌的 HTML 页面（用 PROGMEM 存储或 LittleFS 放置静态文件）

四、前端网页要点

• 用 Chart.js（CDN 引入）绘制温度/湿度实时曲线，用 setInterval 定时 fetch 数据并 append 点位，限制显示最近 N 个点避免卡顿
• 继电器开关用按钮 + fetch('/api/relay?state=on')，根据返回状态更新按钮样式

五、关键代码逻辑（伪代码）

```

loop / 定时器：

读取 DHT22（间隔≥2秒，读取失败跳过本次）

更新全局变量 temp/hum

/api/data：

json = {temp, hum, relay: digitalRead(RELAY_PIN)}

```

• DHT22 采样间隔不要低于 2 秒，读取失败返回错误码而非旧值，便于前端容错

六、进阶建议

• 曲线历史数据存 LittleFS（CSV 或环形缓冲），断电不丢失
• 加阈值自动控制：温度超限自动开继电器，网页可切换“自动/手动”模式
• 若需手机外网访问，配 ESP32 为 STA 模式接入路由器，并做好 API 鉴权（简单 token 即可）

需要完整可编译代码可告诉我，我按您的具体库版本输出。