Создание веб-сервера на базе ESP32 с помощью Arduino IDE (обновленное руководство 2026 года)

/********* * Автономный веб-сервер для ESP32 * Управляет двумя светодиодами, подключенными к GPIO 26 и GPIO 27 * Подробная информация о проекте: https://www.randomnerdtutorials.com * Основано на примерах из библиотеки Arduino WiFi *********/

#включать <WiFi.h>
#включать <WiFiClient.h>

// ======== НАСТРОЙКА СЕТИ ========
константа чар* SSID = ""НАЗВАНИЕ ВАШЕЙ СЕТИ WI-FI"";  // Замените на ваш SSID
константа чар* пароль = ""ВАШ_ПАРОЛЬ_WIFI"";   // Замените на ваш пароль

// ======== НАСТРОЙКА СЕРВЕРА И ПИН-КОДА ========
WiFiServer сервер(80); // Установите порт веб-сервера на 80 (стандартный HTTP)

// Определяем контакты GPIO для выходов
константа инт ledPin_26 = 26;
константа инт ledPin_27 = 27;

// Переменные для отслеживания текущего состояния каждого выхода
Строка state_26 = ""выключенный"";
Строка state_27 = ""выключенный"";

// Переменная заголовка для хранения HTTP-запроса
Заголовок строки;

// Временные параметры для таймаута соединения (2000 мс = 2 с)
без подписи длинный текущее время = миллис();
без подписи длинный предыдущее время = 0;
константа длинный timeoutTime = 2000;

// ======== ФУНКЦИЯ НАСТРОЙКИ ========
пустота настраивать() {
  Серийный номер.начинать(115200); // Запуск последовательной связи для отладки

  // Инициализируем выводы GPIO как выходы и устанавливаем их в низкий уровень (ВЫКЛ.)
  pinMode(ledPin_26, ВЫХОД);
  pinMode(ledPin_27, ВЫХОД);
  digitalWrite(ledPin_26, НИЗКИЙ);
  digitalWrite(ledPin_27, НИЗКИЙ);

  // Подключение к сети Wi-Fi
  Серийный номер.печать(""Подключение к"");
  Серийный номер.println(SSID);
  Wi-Fi.начинать(SSID, пароль);

  пока (Wi-Fi.статус() != WL_CONNECTED) {
    задерживать(500);
    Серийный номер.печать(".");
  }

  // Вывести сведения о подключении
  Серийный номер.println("Wi-Fi успешно подключен!");
  Серийный номер.печать("IP-адрес платы:");
  Серийный номер.println(Wi-Fi.локальный IP()); // <- ВАЖНО: Для доступа к серверу вам необходим этот IP-адрес

  сервер.начинать(); // Запуск веб-сервера
}

// ======== ГЛАВНЫЙ ЦИКЛ ========
пустота петля() {
  WiFiClient клиент = сервер.доступный(); // Прослушивание входящих клиентских подключений

  если (клиент) { // Подключился новый клиент
    Серийный номер.println("Подключен новый клиент".");
    Строка currentLine = ""; // Буфер для входящих данных
    текущее время = миллис();
    предыдущее время = текущее время;

    // Оставайтесь на связи, пока клиент активен и в пределах временного окна.
    пока (клиент.подключенный() && (текущее время - предыдущее время <= timeoutTime)) {
      текущее время = миллис();

      если (клиент.доступный()) { // Данные доступны для чтения с клиента
        чар c = клиент.читать(); // Считываем один байт
        Серийный номер.писать(c);        // Вывод эхо-сигнала в последовательный монитор (необязательно)
        заголовок += c;            // Добавить к строке заголовка

        если (c == ''\n'') { // Конец строки в HTTP-запросе
          // Если строка пустая, HTTP-запрос завершен
          если (текущая строка.длина() == 0) {
            // Отправляем стандартный заголовок HTTP-ответа
            клиент.println(""HTTP/1.1 200 OK"");
            клиент.println(""Content-type:text/html"");
            клиент.println(""Соединение: закрыто"");
            клиент.println(); // Пустая строка обозначает конец заголовка

            // ======== ЛОГИКА УПРАВЛЕНИЯ ========
            // Проверяем URL-адрес запроса и управляем выводами GPIO соответствующим образом.
            если (заголовок.индекс(""GET /26/on"") >= 0) {
              Серийный номер.println(""Включение GPIO 26"");
              состояние_26 = ""на"";
              digitalWrite(ledPin_26, ВЫСОКИЙ);
            } еще если (заголовок.индекс(""ПОЛУЧИТЬ /26/скидку"") >= 0) {
              Серийный номер.println(""Выключение GPIO 26"");
              состояние_26 = ""выключенный"";
              digitalWrite(ledPin_26, НИЗКИЙ);
            } еще если (заголовок.индекс(""GET /27/on"") >= 0) {
              Серийный номер.println(""Включение GPIO 27"");
              состояние_27 = ""на"";
              digitalWrite(ledPin_27, ВЫСОКИЙ);
            } еще если (заголовок.индекс(""GET /27/off"") >= 0) {
              Серийный номер.println(""Выключение GPIO 27"");
              состояние_27 = ""выключенный"";
              digitalWrite(ledPin_27, НИЗКИЙ);
            }

            // ======== СГЕНЕРИРУЙТЕ HTML-СТРАНИЦУ ========
            клиент.println("<!DOCTYPE html><html>");
            клиент.println("" "");
            клиент.println("" "");
            клиент.println("" ");
            клиент.println(""html {font-family: Arial, sans-serif; display: inline-block; text-align: center;}"");
            клиент.println("".button {background-color: #4CAF50; border: none; color: white; padding: 15px 32px;"");
            клиент.println(""text-decoration: none; display: inline-block; font-size: 18px; margin: 4px 2px; cursor: pointer;}"");
            клиент.println("".button-off {background-color: #555555;}""); // Стиль для кнопки ВЫКЛ.
            клиент.println("" "");
            клиент.println("<body>");
            клиент.println("<h1>\u041f\u0430\u043d\u0435\u043b\u044c \u0443\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0432\u0435\u0431-\u0441\u0435\u0440\u0432\u0435\u0440\u043e\u043c ESP32<\/h1>");

            // Управление дисплеем для GPIO 26
            клиент.println("<p>\u0421\u0432\u0435\u0442\u043e\u0434\u0438\u043e\u0434 \u043d\u0430 \u0432\u044b\u0432\u043e\u0434\u0435 GPIO 26 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0435\u0442 \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0435: <strong>" + состояние_26 + "<\/strong><\/p>");
            если (состояние_26 == ""выключенный"") {
              клиент.println("<p><a href=\"\/ru\/26\/on\/\"><button class=\"button\">\u0412\u041a\u041b\u042e\u0427\u0410\u0422\u042c<\/button><\/a><\/p>");
            } еще {
              клиент.println("<p><a href=\"\/ru\/26\/off\/\"><button class=\"button button-off\">\u0412\u042b\u041a\u041b\u042e\u0427\u0410\u0422\u042c<\/button><\/a><\/p>");
            }

            // Управление дисплеем для GPIO 27
            клиент.println("<p>\u0421\u0432\u0435\u0442\u043e\u0434\u0438\u043e\u0434 \u043d\u0430 \u0432\u044b\u0432\u043e\u0434\u0435 GPIO 27: <strong>" + состояние_27 + "<\/strong><\/p>");
            если (состояние_27 == ""выключенный"") {
              клиент.println("<p><a href=\"\/ru\/27\/on\/\"><button class=\"button\">\u0412\u041a\u041b\u042e\u0427\u0410\u0422\u042c<\/button><\/a><\/p>");
            } еще {
              клиент.println("<p><a href=\"\/ru\/27\/off\/\"><button class=\"button button-off\">\u0412\u042b\u041a\u041b\u042e\u0427\u0410\u0422\u042c<\/button><\/a><\/p>");
            }

            клиент.println("<\/body><\/html>");
            клиент.println(); // Конец ответа

            перерыв; // Выход из цикла while
          } еще { // Если обнаружен символ новой строки, очищаем буфер текущей строки.
            текущая строка = "";
          }
        } еще если (c != ''\r'') { // Игнорировать символы возврата каретки
          текущая строка += c; // Добавить символ в текущую строку
        }
      }
    }
    // Очистите переменную заголовка и закройте соединение
    заголовок = "";
    клиент.останавливаться();
    Серийный номер.println("Отключение клиента".");
    Серийный номер.println();
  }
}