Шаблоны Оформления для Веб-Интерфейса

Делимся шаблонами для веб интерфейса.

artemka19
Сержант
Сообщения: 198
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 77
Откуда: Питер
Имя: Артем

Шаблоны Оформления для Веб-Интерфейса

#141

Сообщение artemka19 » 20.06.2022{, 21:25}

Общение между ЕСП с помощью штатного веб-интерфейса и спецадресов


Демо-Видео:
https://disk.yandex.ru/i/vMQDVxY3O360Eg

файлы проектов для двух есп8266:
СпойлерПоказать

artemka19
Сержант
Сообщения: 198
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 77
Откуда: Питер
Имя: Артем

Шаблоны Оформления для Веб-Интерфейса

#142

Сообщение artemka19 » 23.06.2022{, 02:06}

//------------------------------------------------------ only for FLPRog 7.5.2 -------------------------------------------//

Создав проект в ФЛПрог и установив для еспшек получение IP по DHCP,
порой бывает неудобно искать какой же адрес получила еспшка :).

Нужно заходить в роутер и там смотреть какой именно адрес присвоился.

Но теперь это в прошлом! :)

Теперь все наши устройства можно находить в сети, запустив либо локальный файл .html, либо из под любой другой еспшки (адрес которой нам известен).

Для этого нужно лишь установить блок в проект и скопировать скрипт в свой проект. (или использовать нижевыложенные проекты как шаблоны).

Демо-видео:
https://disk.yandex.ru/i/7sw_oZ8SZ3M1lA
.
.
.
.
4.png
Скрины:
СпойлерПоказать
скрин настроек блока.png
скрин настроек блока.png (9.6 КБ) 336 просмотров
1.png
2.png
3.png
4.png
Файлы:
СпойлерПоказать
блок отдельно:
scan_my_esp-32-на форум.flp
(649.54 КБ) 10 скачиваний
scan_my_esp-8266-1-на форум.flp
(664.86 КБ) 7 скачиваний
scan_my_esp-8266-2-на форум.flp
(665.29 КБ) 7 скачиваний
для запуска сканирования из локально файла(не забываем изменить в файле ip-маску под свою!):

Fuksas
Рядовой
Сообщения: 14
Зарегистрирован: 12.06.2017{, 23:13}
Репутация: 0

Шаблоны Оформления для Веб-Интерфейса

#143

Сообщение Fuksas » 30.06.2022{, 10:56}

Добрый день.Может у кого есть пример как использовать файлы CSS и JS из файловой системы SPIFF для оформления веб-интерфейса?

artemka19
Сержант
Сообщения: 198
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 77
Откуда: Питер
Имя: Артем

Шаблоны Оформления для Веб-Интерфейса

#144

Сообщение artemka19 » 30.06.2022{, 12:58}

Fuksas,
data.zip
(8.92 КБ) 5 скачиваний
СпойлерПоказать
1.jpg
2.jpg
ФАК:

на примере флпрог-портабл:
-идем по пути \PortableFLProg_7-4-6_Win64\ideV8\tools
-здесь создаем папки ESP32FS и ESP8266FS
-в каждой из этих папок создаем папку tool
-кладем esp8266fs.jar и esp32fs.jar в соответствующие папки
-теперь после запуска/перезапуска Ардуино ИДЕ, в разделе "инструменты"
у нас должны появится пункты "ESP32 Sketch Data Upload" и "ESP8266 Sketch Data Upload"
-Теперь после компиляции в флпрог и загрузки Ардуино ИДЕ из флпрог, выбираем "скетч"->"показать папку скетча"
-в открывшееся окно папки копируем папку "data" из вложения.
-выбираем в меню "инструменты" пункт "Flash Size 1 MB"
-нажимаем на "ESP8266 Sketch Data Upload"
-происходит загрузка файлов в файловую систему
------------------------------------------------------------------------
-теперь можно загрузить сам проект в еспшку.

Ответить

Вернуться в «WEB интерфейс»