Веб-сервер: щиток из двух реле

Два канала, состояние каждого и кнопка «всё выключить». Показывает, как одна страница управляет несколькими нагрузками и как передаются доводы в адресе запроса.

Что на схеме

Плата ESP32 DevKit v1, к ней подключены:

• Реле — rl1
• Реле — rl2

Задействованы выводы платы: 3V3, GND, D5, D18. Всего соединений на схеме: 6.

Библиотеки

Пример собирается с библиотеками:

• WiFi
• WebServer

Они уже установлены на сервере сборки — отмечать их в проекте вручную не нужно, список приезжает вместе с примером.

Как это устроено в коде

Основное, чем пользуется скетч:

• WebServer — веб-сервер прямо на плате: страницы и обработчики адресов
• digitalWrite() — выставляет на выводе высокий или низкий уровень
• Serial.printf() — печатает в монитор порта с форматированием
• Serial.begin() — открывает монитор порта на заданной скорости
• pinMode() — назначает выводу режим: выход, вход или вход с подтяжкой
• WiFi.begin() — подключается к точке доступа виртуального Wi-Fi
• delay() — пауза, на время которой ядро занято ожиданием

В скетче 89 строк; свои функции: apply(), page(), handleSet(); подключено заголовков: 2. Сам скетч открыт на соседней вкладке — его можно менять и запускать заново.

Что попробовать изменить

• Замените delay() на счёт по millis() — и loop() освободится для всего остального, что должно происходить одновременно.
• Проверьте, что делает скетч, когда сеть недоступна: обрыв связи — обычное состояние, а не исключение.
• Добавьте свои Serial.println() в интересных местах — монитор порта здесь и есть отладчик.
• Перенесите деталь на другой вывод — на схеме и в коде — и убедитесь, что пример работает так же.

Смотрите также

• WiFi: поиск сетей — Список точек доступа с уровнем сигнала и типом защиты. Проверка того, что радио работает.
• WiFi: подключение с переподключением — Соединение может пропасть в любой момент. Проверка состояния в loop() — не роскошь.
• HTTP-запрос — Клиент, код ответа и тело. Ответ читается целиком в строку — для больших страниц так делать не надо.
• Веб-сервер: управление выводом — Страница с двумя кнопками и обработчики маршрутов. Кнопка «Веб-интерфейс» над схемой открывает её в отдельном окне — как…
• Веб-сервер: JSON с показаниями — Машиночитаемый ответ вместо страницы. Откройте «Веб-интерфейс» и наберите /data — отсюда данные забирает что угодно, от…
• Своя точка доступа — Без роутера: прибор сам раздаёт сеть и отвечает по адресу 192.168.4.1. Так делают первичную настройку.

← Все примеры галереи