Веб-сервер: форма настроек

Форма и разбор полей через server.arg(): так прибору задают имя, яркость, пороги. Ползунок меняет скважность ШИМ — яркость видна прямо на схеме.

Что на схеме

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

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

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

Библиотеки

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

• WiFi
• WebServer

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

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

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

• WebServer — веб-сервер прямо на плате: страницы и обработчики адресов
• Preferences — хранение настроек во flash, переживает перезапуск
• constrain() — зажимает значение в границах
• ledcWrite() — задаёт заполнение ШИМ, то есть яркость или скорость
• Serial.printf() — печатает в монитор порта с форматированием
• Serial.begin() — открывает монитор порта на заданной скорости
• ledcSetup() — настраивает канал аппаратного ШИМ: частота и разрядность
• ledcAttachPin() — привязывает вывод к каналу ШИМ
• WiFi.begin() — подключается к точке доступа виртуального Wi-Fi
• delay() — пауза, на время которой ядро занято ожиданием

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

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

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

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

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

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