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

[artemka19]

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


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

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

СпойлерПоказать

эта ЗАБИРАЕТ данные-общение по веб - 01.flp

(2.26 МБ) 17 скачиваний

из этой ЗАБИРАЮТСЯ ДАННЫЕ-общение по веб - 02.flp

(562.71 КБ) 9 скачиваний

[artemka19]

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

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

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

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

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

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

Демо-видео:
https://disk.yandex.ru/i/7sw_oZ8SZ3M1lA
.
.
.
.

Скрины:

СпойлерПоказать

скрин настроек блока.png (9.6 КБ) 336 просмотров

Файлы:

СпойлерПоказать

блок отдельно:

Для_поиска_ЕСП_в_локалке_из_браузера_(esp_826632)_(Code_-_Basic).ubi

(22.07 КБ) 7 скачиваний

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-маску под свою!):

сканер-ИСПРАВЬ IP-АДРЕС НА СВОЙ!!!.rar

(3.42 КБ) 13 скачиваний

[Fuksas]

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

[artemka19]

Fuksas,

Скрипт и Стиль в файловой системе.flp

(1.61 МБ) 4 скачивания

data.zip

(8.92 КБ) 5 скачиваний

СпойлерПоказать

ФАК:

на примере флпрог-портабл:
-идем по пути \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"
-происходит загрузка файлов в файловую систему
------------------------------------------------------------------------
-теперь можно загрузить сам проект в еспшку.