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 МБ) 3256 скачиваний

Видео по использованию интерфейса в 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 МБ) 2137 скачиваний

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

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

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

[WildCat]

Здравствуйте.

Возникла потребность в подобном интерфейсе.
Почитал эту тему и другие по web мордам, в целом, всё понятно.

Но столкнулся с проблемой.

WeMos d1 mini + MCP23017 (расширитель входов/выходов)
Компилируется, прошивается, но МК не работает. В СОМ порт не достучаться, WiFi есть (точка доступа), подключается. Но IP недоступен.

Убираю МСР, всё ок. Оболочка работает.

Подозреваю, какая-то коллизия из-за I2c.

Есть ли какое-то решение проблемы?


И ещё одна непонятная вещь.

Слайдер странно работает.
Ползунок перевожу в какое-лиьо положение, отпускаю, значение записывается. При этом ползунок автоматом скидывается на начало линейки (или на значение, которое задается при инициализации). Что с мобилы, что с компа, одинаково. По видео в Ютубе видел, что ползунок остаётся в том положении, где его отпустили.
В чем может быть дело?

[Naladchik]

Слайдер странно работает. ... В чем может быть дело?

или старая библиотека (был такой косяк) или последняя 2.1.1 (похоже опять появился)
попробуйте версию 2.1 (в этой вроде его не было).

[WildCat]

Naladchik, спасибо, попробую.

По первому вопросу никаких мыслей нет?

[Naladchik]

По первому вопросу никаких мыслей нет?

Так как у меня нет модуля на MCP23017 то с этим вопросом помочь ничем не могу.

[SLed]

Здравствуйте.
Наткнулся на видео, решил попробовать.
Заполнил Название сети и пароль в настройках контроллера и в блоке Main.
В веб морде роутера DHCP IP показывает, в COM порте ПК нет. При подключении к КОМ выдаёт что то но не IP.
В браузере пишет что Web страница не найдена.
В чём может быть проблема подскажите?

[Rovki]

А проект думаете не нужен?

[SLed]

А проект думаете не нужен?

Пример проекта для демонстрации функционала:
ESPUI_test2.flp
Из этой темы.

Отправлено спустя 5 минут 37 секунд:

Это прокручивается бесконечно.

[Phazz]

SLed, цикличный ребут идет

[SLed]

SLed, цикличный ребут идет

А как это вылечить?

[SLed]

Никто не поможет?

[artemka19]

SLed, так без проекта как помочь?)

[SLed]

SLed, так без проекта как помочь?)

Так проект же из этой темы. В шапке он.
download/file.php?id=20199&sid=19573ac7 ... b843ce72a5

[expeditor]

Коллеги, здравствуйте !
Прикидывал этот интерфейс, как наиболее удобный в реализации, и вот какой вопрос:
В нем нет таких типов переключателей как "галочка" (не помню как такой тип называется в html) и "выбор точкой из нескольких вариантов" (в html это кажется тип "радио"). Если на счет первого можно заменить переключателем (switch), то для типа "радио" блок никто не делал? И вообще любой вариант выбора одного из нескольких на экране

[Naladchik]

...вариант выбора одного из нескольких на экране

блок Select

Отправлено спустя 14 минут 27 секунд:

то для типа ..... блок никто не делал?

В данном случае блок можно сделать только для того функционала, который реализован в библиотеке ESPUI.
Если в ней такой функционал отсутствует, значит и с блоком ситуация аналогичная.

[SLed]

Коллеги, здравствуйте !
Прикидывал этот интерфейс, как наиболее удобный в реализации, и вот какой вопрос:
В нем нет таких типов переключателей как "галочка" (не помню как такой тип называется в html) и "выбор точкой из нескольких вариантов" (в html это кажется тип "радио"). Если на счет первого можно заменить переключателем (switch), то для типа "радио" блок никто не делал? И вообще любой вариант выбора одного из нескольких на экране

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

[Phazz]

SLed, Если не помогли конкретно вам, это не значит что тут все такие сволочи знают и не хотят помогать новичку. Иногда бывает что просто нет ответа на ваш вопрос а гадать почему так - это тратить свое и ваше время, особенно что касается ребутов на ESP это очень не простая тема. Да и вводных данных маловато, какой именно контроллер используете какая версия платы в ide. В конце концов есть же альтернативные UI. Посмотрите в эту сторону возможно там что-то получится.

Отправлено спустя 1 минуту 45 секунд:
Да и если вы не заметили expeditor ответили ещё вчера.

[Naladchik]

наверное считают ниже своего достоинства помогать не опытным

Скорее считают бессмысленным (лично мое мнение) копаться в проектах и блоках 3-х летней давности, особенно с учетом того, что за это время библиотека ESPUI обновилась не менее 3х раз, обновилась библиотека JSON, ядро ESP.
При этом совершенно не понятно в какой конфигурации (какие версии библиотек, на каком ядре, на каком контроллере и т.д.) Вы попытались запустить данный проект. И если Вам не ответили на Ваш вопрос может те, кто в теме, просто заняты или же Ваш вопрос просто был задан неправильно? Или такие варианты не рассматриваются?