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

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

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

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

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

[Phazz]

Понял в чем причина, конфликтует с блоком WEB Update

[aidar_i]

С библиотекой WifiManager эти блоки работать будут?

Мельком посмотрел проект. Можно, поставьте блок WifiManager, а штатные настройки отключите. Остальные платы включать по условию status = true

[lexuv]

А можно добавить еще блок InputNumber? Самое главное -- и не включили (слайдер не предлагать). А он есть в основной библиотеке. А вот как раз InputText -- непонятно кому и зачем нужен.

[User8]

lexuv, а конвертировать строку в число не?

[lexuv]

Особенно, когда таких блоков 40-50 штук, которые задают расписания? А вот у текста какое реальное применение в контроллере?

[User8]

lexuv, нате viewtopic.php?p=74572#p74572

[cmept-27]

User8, Больше чем 12 блоков не хочет показывать

[edyapd]

А можно добавить radiobutton или выпадающий список?

[User8]

edyapd, не реализовано пока в библиотеке.

[ecoins]

user8, спасибо.
Попробовал пример проекта на ESP8266, понравилось.
Буду пробовать дальше.

[dime5800]

Здравствуйте, контроллер NodeMcu, на основе предложенных блоков сделал управление нагрузкой по WIFI. Применен датчик DS18B20 и две кнопки. Все работает отлично после прошивки контроллера, но если его обесточить и снова включить, контроллер не работает ни в режиме клиента, ни как точка доступа (не подключается к роутеру и никакие устройства не находят его когда контроллер в роли точки доступа).
После заливки программы пробовал запитать контроллер от зарядки 2А, результат тот же. Не подскажете с чем может быть связано?

chaynik_v1.flp

(5.06 МБ) 122 скачивания

[User8]

dime5800, фото контроллера? И на есп не на все пины можно подключать, контроллер может не стартовать, если не туда чего подключено, вообщем изучайте вопрос.

[edyapd]

контроллер NodeMcu

На NodeMcu не советуется использовать D0, D3, D4, а так же RX, TX как входа на которых может быть неопределённый уровень при запуске.
С другой стороны можно использовать только А0 как аналоговый вход.
Если не придерживаться этого, то скорей всего у вас не стартанёт микроконтроллер или будет постоянно перезапускаться.

[dime5800]

dime5800, фото контроллера? И на есп не на все пины можно подключать, контроллер может не стартовать, если не туда чего подключено, вообщем изучайте вопрос.

Спасибо, фото выложу чуть позже.

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

контроллер NodeMcu

На NodeMcu не советуется использовать D0, D3, D4, а так же RX, TX как входа на которых может быть неопределённый уровень при запуске.
С другой стороны можно использовать только А0 как аналоговый вход.
Если не придерживаться этого, то скорей всего у вас не стартанёт микроконтроллер или будет постоянно перезапускаться.

Я DS18B20 подключил на GPIO-4 (D2), кнопки на GPIO-0 (D3), GPIO-14 (D5), Выход на управление нагрузкой GPIO-2 (D4). Попробую другие пины использовать, спасибо за подсказку.

[Vasiliy0000]

А информацию с веб страницы можно в архив отправлять при нажатии кнопки?

[dime5800]

Разобрался. Дело было в GPIO-0 D3, я подтягивал кнопку через сопротивление к земле, а надо было к плюсу, поэтому при подаче питания контроллер переходил в бут постоянно.

[hrach]

Сделал тестовый проект. Смотрите что получается.

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

[User8]

hrach, только в main блоке там не имя сети, а авторизацию можно установить, чтобы входить в веб-интерфейс по паролю, и «проверка веб-интерфейса» это название которое видно вверху интерфейса, можно на любое другое изменить.

[hrach]

Я уже разобрался с этим. На днях сделаю видео конкретным проектом.

[Rovki]

Сделал тестовый проект. Смотрите что получается.

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

Это только в локальной сети и с задатчиками ,а как на счет индикатора ,например температуры на 10 браузерах одновременно ?Если нет индикаторов ,а только задатчики ,то можно из 10 каскад управлять 1 лампочкой ...