Шаг4 - FSWebServer - ESP8266

Опубликовано: 19 Май 2026
на канале: ESP Arduino IDE - Третьяков Сергей
27,527
455

Программирование ESP8266 по порядку.
Шаг №4 - FSWebServer
Поддержите канал: http://esp-arduinoide.ru/thank/
Материалы на сайте: http://esp-arduinoide.ru/step4-fswebs...
В этом видео Сергей Третьяков продолжает цикл уроков по программированию модуля ESP8266 в Arduino IDE и демонстрирует, как добавить файловую систему SPIFFS на ESP8266 для хранения и отдачи HTML-страниц с помощью встроенного веб-сервера .

Основные темы:
Что такое SPIFFS (Serial Peripheral Interface Flash File System) и зачем он нужен.
Как разделить память ESP8266 между скетчем и файловой системой.
Как подготовить HTML-файлы и загрузить их в файловую систему ESP8266.
Как настроить веб-сервер для отдачи этих страниц браузеру.
Как проверить и управлять содержимым файловой системы через встроенный интерфейс.
Что вы узнаете:
Как выбрать правильный вариант разделения памяти в Arduino IDE (например, 3 Мб под скетч, 1 Мб под файловую систему).
Как структурировать проект: где размещаются HTML-файлы (в папке data внутри папки скетча).
Как подключить библиотеку FS.h и использовать объект SPIFFS для работы с файлами.
Как с помощью специального инструмента (ESP8266 Sketch Data Upload) загрузить файлы на устройство.
Как получить доступ к этим файлам через веб-браузер после запуска веб-сервера.
Практическая демонстрация:
Сергей показывает:

Как ESP8266 появляется в сетевом окружении Windows.
Как при переходе по ссылке открывается красиво оформленная HTML-страница, загруженная в файловую систему.
Как выглядит встроенный интерфейс управления файлами: просмотр, редактирование, удаление и загрузка новых файлов.
Для кого это видео:
Для тех, кто хочет создавать IoT-устройства с полноценным веб-интерфейсом .
Для начинающих и продвинутых пользователей ESP8266, желающих расширить возможности своих проектов.
Для разработчиков, которым нужно удобное управление веб-страницами прямо на устройстве.
📌 Не забудьте подписаться на канал , чтобы не пропустить новые видео. В следующих уроках Сергей расскажет, как дальше развивать веб-интерфейс и добавлять динамические элементы.