javascript

Климат-контроль esp32c3-webUI

  • понедельник, 2 ноября 2026 г. в 00:00:08
https://habr.com/ru/articles/1102350/

Мини проект климат контроля температуры, влажности. 

Проект представляет собой автономный модуль климат‑контроля на 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

Телеграм: Канал

Скачать: Прошивка