ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

[User8]

ESPUI - веб-интерфейс(dashboard) без необходимости изучения различных языков для создания web-страниц, сам моментально обновляется при изменение значений, без перезагрузки страницы.

Описание блоков:
Main: должен присутствовать в проекте всегда, в параметрах Main блока можно включить авторизацию и задать заголовок веб-интерфейса;
Tab - вкладка: размещается над блоками которым нужно попасть в эту вкладку, укажите нужный tabId в настройках, так же укажите этот же tabId у блоков которые должны быть в этой вкладке;
Slider: в настройках можно указать минимальное и максимальное значение для слайдера;
Switcher: переключатель, выход Status показывает актуальное состояние переключателя. При подаче единицы на вход UpdateValue, в веб-интерфейсе значение изменится, на то, что указанно на входе Value;
Label: вывод любого текста в web-интерфейс, при подаче единицы на вход UpdateText, строка будет обновлена в вебинтерфейсе на ту, что указана на входе Text. Если нужно перевести текст на следующую строку, используйте в строке тег <br> там где нужно перенести текст;
InputText: можно вводить любой текст в вебинтерфейсе, этот текст появится на выходе Text;
InputNumber: тоже самое что и блок InputText, только для ввода чисел.
Button: при нажатии будет единица на выходе Status;
Pad: колесо управления;
PadWithCenter: колесо управление с центральной кнопкой;

Расположение блоков в web-интерфейсе будет такое же, как вы расположите их в flprog.

Доступные цвета для блоков:
COLOR_TURQUOISE
COLOR_EMERALD
COLOR_PETERRIVER
COLOR_WETASPHALT
COLOR_SUNFLOWER
COLOR_CARROT
COLOR_ALIZARIN
COLOR_NONE

Пример проекта для демонстрации функционала:

ESPUI_test2.flp

(4.91 МБ) 3254 скачивания

Видео по использованию интерфейса в flprog:
https://youtu.be/i9-Gy7GuEIw
https://youtu.be/MDqO-L7NTDc
https://youtu.be/ElC8SVVFqn8
https://youtu.be/5LGsO7_Z6f8
https://youtu.be/-VA8BcGTkq8

Если у вас не компилируется проект удалите из FLProg\ideV5\portable\sketchbook\libraries папки ESPUI и ArduinoOTA, если не поможет попробуйте установить библиотеки вручную, разархивируйте архив в папку: flprog\ideV5\libraries\

espui_libraries_v1.2.zip

(1.46 МБ) 2135 скачиваний

Данный веб-интерфейс не будет работать вместе с встроенным в flprog, если только на разных портах.
Не забудьте включить wifi клиент в настройках контроллера и указать данные вашей wifi сети.

Новая/Альтернативная версия блоков: viewtopic.php?f=71&t=7414

Main блок с внешними входами авторизации: viewtopic.php?p=83619#p83619
Остальные блоки: viewtopic.php?p=74571#p74571

[User8]

VladimirS, порт 80 от ip есп проброшен в wan?

[VladimirS]

Да, порт проброшен, ошибка именно на esp32

[User8]

VladimirS, библиотека последняя используется? В первом посте недавно была обновлена, нужно закинуть новую в папку с библиотеками.

[VladimirS]

User8, вечером проверю, но я её устанавливал через Arduino Ide версия 2.0.0

[Palmal269]

Это UI работает и в качестве сервера

[hrach]

User8, Уважаемый Евгений возможно ли сделать в блоке Main вход для установки пароля?

[User8]

Palmal269, да.
hrach, а какой в этом смысл, через что менять?

[hrach]

hrach, а какой в этом смысл, через что менять?

Меняем через интерфейс ESPui. Записываем на еепром. Подаем на вход (если будет создан для пароля). А смысл в том что если будет несколько сот устройств и пользователь данного устройств захочет менять пароль.

[User8]

hrach, на входе enableAuth нужна постоянная единица, чтобы включить авторизацию. Новые настройки начнут действовать после перезагрузки esp.

[hrach]

hrach, на входе enableAuth нужна единица, чтобы включить авторизацию. Новые настройки начнут действовать после перезагрузки esp.

Спасибо большое! Очень помогли.

[DeaDMazaY]

Ребята подскажите решение проблемы! в первый раз работаю с FLProg, при тестовой проверки ( скаченным с форума примера) при компиляции в arduino IDE возникает ошибка (см. скрин) хотя если запустить из папки FLProg arduino IDE и прошить мой esp8266 (ESP-12E) любым скетчем, шьется нормально и все работает
https://ibb.co/5sh185p
скрин

[User8]

DeaDMazaY, удалить все json библиотеки по путям, что указаны в конце, после чего скачать из первого поста библиотеки и закинуть в папку с библиотеками.

[uglerod]

Всем добрый вечер. Начал эксперименты с esp8266. Загрузил тестовый проект в Node MCU V3. Всё отлично. Потом загрузил в Node MCU mini, тоже всё ОК! А вот этот "зверь" не хочет работать. Загружается без проблем, а вот коннектиться не хочет. На али брал как " NodeMCU V3 Lua WiFi модуль интеграции ESP8266 + Дополнительная память 32 м флэш-памяти, USB-serial CH340G. Где ошибаюсь? Подскажите.

[User8]

uglerod, эти esp глючные, так что либо сразу в помойку, либо на мелкие проекты, вот обсуждали: viewtopic.php?f=135&p=79807#p79807

[uglerod]

Спасибо! Жаль что только про них узнал. Брал на пробу разные. Будем знать.

[DeaDMazaY]

User8, сделал как вы и сказали, но при компиляции начали сыпаться другие ошибки скрин уже и переустанавливал FLProg и юзал portable версию, ошибки замучали (((

[User8]

DeaDMazaY, нужна json библиотека 6 версии и выше, зайдите в библиотеки в arduino ide и посмотрите какая стоит.

[DeaDMazaY]

User8, а есть возможность изменить цвет в интерфейсе ? т.е. не на самих кнопок и задний фон ? может где-то в самой библиотеке можно

[ProVinciall]

User8, Прикольная штука. Вот бы еще виджет graph прикрутить

[User8]

ProVinciall, от него мало пользы. он не сохраняет данные на esp, всегда при загрузки страницы на графике не будет ничего, пока не начнут поступать новые данные.