Климат-контроль esp32c3-webUI
- понедельник, 2 ноября 2026 г. в 00:00:08
Мини проект климат контроля температуры, влажности.
Проект представляет собой автономный модуль климат‑контроля на ESP32‑C3, который считывает данные с AHT10 по I2C и передает их в браузер через WebSocket, работая как собственная точка доступа.
Назначение проекта
Устройство предназначено для мониторинга, регулировки и установки параметров температуры и влажности в помещении и передачи данных в реальном времени через веб‑интерфейс. ESP32‑C3 выступает как автономный узел: он создаёт Wi‑Fi‑точку доступа, запускает встроенный веб‑сервер и обеспечивает двусторонний обмен данными через WebSocket. Программный регулятор позволяет регулировать по заданным параметрам как на повышение, так и на понижение (в зависимости от подключаемого оборудования для температуры нагрев или охлаждение, для влажности увлажнение или осушение).
Аппаратная часть
ESP32‑C3 — энергоэффективный RISC‑V микроконтроллер с Wi‑Fi, подходящий для автономных IoT‑устройств. Он поддерживает работу в режиме точки доступа и способен обслуживать веб‑сервер и WebSocket‑канал.
Основные особенности подключения
- требуется всего 4 провода: SDA, SCL, VCC, GND для подключению датчика AHT10 (интерфейс I2C),
- два порта на выход (температура, влажность).
Для наглядности подключения периферии графическая схема:

Программная часть
Esp32c3:
- хранение и извлечение заданных данных
- передача данных (обновление 5с)
- регулировка температуры и влажности
WEB интерфейс:
- отображение данных
- статус web связь
- статусы портов
- настройка гистерезиса и их валидация
- чекбоксы для активации и переключение на понижения или повышение
- кнопка для передачи и сохранения данных на esp32c3
- статус выполнения команд
Запуск точки доступа
ESP32‑C3 поднимает собственную Wi‑Fi‑сеть:
Имя сети: esp32c3_WebUI
SSID: 192.168.4.1
пароль: 12345678
Это позволяет подключаться к устройству напрямую, без роутера.
Веб‑сервер отдаёт HTML‑страницу с интерфейсом.
WebSocket обеспечивает мгновенную передачу данных без перезагрузки страницы и двусторонний обмен.
Интерфейс страницы:


Статья Blog: Blog
Телеграм: Канал
Скачать: Прошивка