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

[DrMario]

У меня вот такой вопрос.
Можно ли на вкладку установить отдельный доступ?

[grover]

Перешёл с версии 6.3.1 на 7.3.4 перестал работать штатный блок онлайн времени в связке с ESPUI .
Тут ранее уже описывалось такая проблема но как решить я не понял.
Подскажите пожалуйста как решить эту проблему очень нужно?

[Qwert855]

Перешёл с версии 6.3.1 на 7.3.4 перестал работать штатный блок онлайн времени в связке с ESPUI .
Тут ранее уже описывалось такая проблема но как решить я не понял.
Подскажите пожалуйста как решить эту проблему очень нужно?

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

[grover]

Перешёл с версии 6.3.1 на 7.3.4 перестал работать штатный блок онлайн времени в связке с ESPUI

Методом тыка нашёл в чём причина.
Открываю старый проект созданный в FLProg 6.3.1 удаляю блок онлайн времени, вставляю заново и всё работает.
Если загружать без удалений блока время не обновляется с сервера.

[Craft]

Попробовал блоки. Очень удобно и нужно. Доступ практически с любого устройства с вайфаем и без установки всяких приложений - это очень правильно и удобно. Ну и не надо к плате прицеплять всякие кнопки и дисплеи - тоже экономия времени и средств.

Спасибо автору. Хотелось бы побольше разных блоков типо индикаторов вкл/выкл, ну или аналогов по оформлению под реальные модули вводы/вывода.

Вообще было бы прикольно скада проекты как ни будь конвертировать в веб интерфейс...

[Naladchik]

...Хотелось бы побольше разных блоков...

Ну это к автору библиотеки https://github.com/s00500/ESPUI .
Блоки являются только обертками для нее.

[Qwert855]

Добрый день.
при написании программы столкнулся с зависанием МК 8266 в тесте без внешней нагрузки, при относительно не сложных задачах.

В ходе поиска проблемы перепробовав все что знал, пошел путем научного тыка . Поотключав все что задействовано перебором, пришел к выводу что проблема связана исключительно в блоках слайдера.
При активном их применении МК зависает, при этом чем их меньше тем стабильнее работает МК.
Из кода удалил переменные подтянутые к слайдерам.
По сути вхолостую погонял их на браузере, был удивлен но результат был тем же -зависание МК при изменении значений от слайдеров.
Пи чем зависания хаотичные, могли быть при первом изменении, могут при 5м и тд.
если быстро изменить два слайдера подряд то всегда на втором МК зависал (даже без подтянутых переменных к ним).
Приемлемой работы удалось достигнуть при сокращении слайдеров до 6ти шт в проекте. изначально было 12-14шт.

библиотека была 200, обновил в IDE до 202, визуально стали лучше слайдеры а именно ползунки стали отображаться с положением, но сама работа не изменилась.разные версии самих блоков так же саму суть проблемы не поменяли.

Кто то сталкивался с этим?
как быть если хочется именно эти блоки вместо ввода значений?
адаптировать программу что бы вводить данные одним и тем же слайдером в разные переменные?
разносить слайдеры по платам и делать на них условия?

[Naladchik]

Qwert855,
1. Блоки какой версии?
2. Если V1.3 то у Вас активирован параметр "sliderContinuous", Слайдеров несколько потому и виснет.
По умолчанию блок Слайдер отправляет новое значение только после его отпускания чтобы защитить ESP от спама, параметр "sliderContinuous" отключен.
Отключите данный параметр, будет менее удобно но намного стабильнее.

[Qwert855]

Qwert855,
1. Блоки какой версии?
2. Если V1.3 то у Вас активирован параметр "sliderContinuous", Слайдеров несколько потому и виснет.
По умолчанию блок Слайдер отправляет новое значение только после его отпускания чтобы защитить ESP от спама, параметр "sliderContinuous" отключен.
Отключите данный параметр, будет менее удобно но намного стабильнее.

версия блоков сейчас 1.3
библиотека 2.0.2
стоит настройка по отпусканию, вроде этот параметр по умолчанию установлен автором блоков.

интересно, библиотека поддерживает слайдеры с двумя ползунками что бы сразу одним инструментом выделять диапазон.
это помогло бы сократить численность слайдеров в проектах.

Отправлено спустя 2 часа 15 минут 22 секунды:
В проекте оставил 6 слайдеров, сутки ЕСП работает стабильно.
Когда было 12+ наблюдал стабильные зависания, при 8шт переодические.
вероятно буду решать вопрос переназначением слайдеров по условиям. заодно разгрузится визуальное наполнение страниц.

[breaksshock]

Такая проблема, вместе с этим интерфейсом не работает скоростной счётик. Причем как то странно. Проект компилируется, все запускается, как только я подключаю генератор на 40Кгц к ноге есп все глохнет и начинает моргать красный светодиод.(перезапуск esp цикличный)

Пробовал на разных ногах.
Без ESPUI все работает корректно.
Помогите пожалуйста разобраться.

[breaksshock]

Обнаружил ещё такую проблему что при использовании ESPUI невозможно отследить состояние какого либо физического цифрового входа (Boolean)

[megahamster3]

Неплохо бы добавить в шапку что "шить рекомендуется последней версией IDE", за что Грачику отдельное спасибо.

[Vuktor]

Неплохо бы добавить в шапку что "шить рекомендуется последней версией IDE", за что Грачику отдельное спасибо.

Вообще для всего рекомендуется пользоваться последней версией IDE. Это по умолчанию понятно. И причём тут Грачик? Тему опубликовал Евгений. Может тогда уж Евгению спасибо?

[megahamster3]

При том что Грачик несколько раз упомянул про то что рекомендуется пользоваться последней версией IDE. Вот ему и спасибо за это. А пану Евгению тоже огромное спасибо по умолчанию.

[tema]

Уважаемые, у меня флпрог 7.3.5 portabl . Загружаю проект примера в шапке, не компилит. "игрался" с библиотеками как написано в шапке. Ничего не получается. Может инструкция не подходит для последней версии... Подскажите пожалуйста.

[edyapd]

Там же красным по чёрному написано, что нет файла AsyncTCP.h

[breaksshock]

Почему при использовании ESPUI на ESP 32 не работает никакой цифровой вход контроллера? (Boolean)

[Nazar]

Почему при использовании ESPUI на ESP 32 не работает никакой цифровой вход контроллера? (Boolean)

прям полностью не работает или идут какие-то пропуски сигнала со входа

[breaksshock]

Прям полностью, ни один

[Naladchik]

breaksshock,
Проверил на своей плате wemos d1 mini esp32.
Мультиблок ESPUI, версия библиотеки ESPUI 2.0.0
Как минимум D2 (встроенный светодиод) как выход работает, управляется с интерфейса ESPUI, как вход скорее всего тоже будет (не вижу разницы).