Веб-сервер: управление выводом

Страница с двумя кнопками и обработчики маршрутов. Кнопка «Веб-интерфейс» над схемой открывает её в отдельном окне — как если бы вы набрали адрес платы в браузере.

Что на схеме

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

• Светодиод — led1, цвет зелёный
• Резистор — r1, номинал 220 Ом

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

Библиотеки

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

• WiFi
• WebServer

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

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

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

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

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

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

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

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

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

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