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

[stigmat]

FlProg 7.0.1 Portable

Код: Выделить всё

Arduino: 1.8.11 (Windows 10), Плата: "ESP32 Dev Module, Disabled, Minimal SPIFFS (1.9MB APP with OTA/190KB SPIFFS), 240MHz (WiFi/BT), QIO, 80MHz, 4MB (32Mb), 921600, None"

In file included from d:\���������\flrpog versions\portable_flprog_7-0-1_win64\idev5\portable\packages\esp32\tools\xtensa-esp32-elf-gcc\1.22.0-80-g6c4433a-5.2.0\xtensa-esp32-elf\include\c++\5.2.0\string:41:0,

                 from d:\���������\flrpog versions\portable_flprog_7-0-1_win64\idev5\portable\packages\esp32\tools\xtensa-esp32-elf-gcc\1.22.0-80-g6c4433a-5.2.0\xtensa-esp32-elf\include\c++\5.2.0\random:40,

                 from d:\���������\flrpog versions\portable_flprog_7-0-1_win64\idev5\portable\packages\esp32\tools\xtensa-esp32-elf-gcc\1.22.0-80-g6c4433a-5.2.0\xtensa-esp32-elf\include\c++\5.2.0\bits\stl_algo.h:66,

                 from d:\���������\flrpog versions\portable_flprog_7-0-1_win64\idev5\portable\packages\esp32\tools\xtensa-esp32-elf-gcc\1.22.0-80-g6c4433a-5.2.0\xtensa-esp32-elf\include\c++\5.2.0\algorithm:62,

                 from D:\���������\Flrpog Versions\Portable_FLProg_7-0-1_Win64\ideV5\portable\packages\esp32\hardware\esp32\1.0.4\cores\esp32/Arduino.h:142,

                 from sketch\pr2.ino.cpp:1:

d:\���������\flrpog versions\portable_flprog_7-0-1_win64\idev5\portable\packages\esp32\tools\xtensa-esp32-elf-gcc\1.22.0-80-g6c4433a-5.2.0\xtensa-esp32-elf\include\c++\5.2.0\bits\allocator.h:46:75: fatal error: bits/c++allocator.h: No such file or directory

compilation terminated.

exit status 1

Кто знает что за ошибка и как с ней бороться? Подскажите пожалуйста!

[dsfbuy]

stigmat, исключить кириллицу из пути к проге.

[stigmat]

dsfbuy, Спасибо! Все заработало!

Отправлено спустя 2 часа 23 минуты 21 секунду:
Naladchik, Вот такая ошибка когда поставил более двух блоков Label. При компиляции первого блока все ок. А в последующих - ошибка.
С стандартными блоками все ок.

[dsfbuy]

stigmat, не из-за этого ли viewtopic.php?p=91123#p91123

[stigmat]

dsfbuy, Вы абсолютно правы! Теперь буду знать. Спасибо!

[Naladchik]

Обновил мультиблок ESPUI.
Изменения:
1. Добавлен блок Select - выпадающий список.
Списки отображаемых пунктов и соответствующих им текстов на выходе блока формируются в виде массивов в параметрах блока. Главное условие - размеры массивов должны совпадать.
2. Добавлен блок Graph - создание графика.
На мой взгляд блок сомнительной полезности, так как график формируется в режиме как бы "реального" времени. Т.е. задается только координата по оси Y, по оси X координату задать нельзя.Точки графика сохраняются в браузере в локальном хранилище! Таким образом, пока браузер запущен, происходит накопление точек графика, для очистки графика или перезапустить браузер или очистить график через его вход. Пока на входе "Очистка графика" присутствует "1" точки на графике не отображаются.
3. В блоке Slider появилась возможность постоянной передачи изменений на выход а не только после отпускания.
4. Убрано пару ошибок, возможно добавлено новых.

Ни в коем случае не используйте в одном проекте одновременно блоки из разных версий мультиблоков! Замучаетесь ошибки вылавливать.

ESPUI_1.2.zip

(123.03 КБ) 193 скачивания

Тестируйте.

[Mico]

Запустил на ESP32 вроде все работает. Цвет белый загорается. Naladchik,а нельзя в блоке ESPUI Tab ногу сделать,чтоб когда на станицу переходишь.она в 1 поднималась?И ещё, не плохо бы было title_Graph входом для записи как у тестового блока с входами пароля страницы. Тогда можно будет дату графика вносить. А то я смотрю его очищать надо периодически,он не сдвигается.а сжимается. Так написал график за такой то час,час прошёл,график наполнился и мы его отчистили. И дальше новое время и новый график.

[Naladchik]

...блоке ESPUI Tab ногу сделать,чтоб когда на станицу переходишь.она в 1 поднималась...

...title_Graph входом для записи...

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

[mafckz]

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

[Mico]

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

Я не смог точкой сделать.

[zhulen820]

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

Делал только один проект на ESP32, как раз работала в режиме точки доступа, все нормально отрабатывало, веб 11 вкладок по 3-4 элемента, на одной 10. Все работает без сбоев и тормозов

[hrach]

User8, Здравствуйте. Сделал простой проект на wemos интерфейсе ESPUI . Возникло проблема. Проект отлично работает с андороид устройств версии 8 и ниже. Если использую андроид версии 9 постоянно происходит аутентификация, связь прерывается. Не пойму в чем причина.

[User8]

hrach, не смогу помочь, щас занят другим. Но видимо это проблема в самой библиотеке, можно попробовать скачать и обновить https://github.com/s00500/ESPUI

[JonyBest]

Обновил мультиблок ESPUI.

Доброго дня! Все нравиться, кроме того что для блоков Slide и InputNumber не приделали вход для изменения значения блока на значение входа по условию. Т.е. если значение поменял через MQTT - блок его не показывает. Я делал это для старых блоков. Для Вас это делов на пять минут

[Naladchik]

Я делал это для старых блоков.

Через неделю вернусь к цивилизации и посмотрю что я упустил.

[JonyBest]

Через неделю вернусь к цивилизации и посмотрю что я упустил.

Спасибо! там бы еще разобраться, почему с новой версией ESPUI не работает. В обновлении пишут "Обновление файловой системы с устаревших SPIFFS на LittleFS
"

[JonyBest]

Через неделю вернусь к цивилизации и посмотрю что я упустил.

Обнаружена серьезная для меня проблема использования ваших блоков. Происходит конфликт с блоком WebUpdate_ESP32_with_autorization - ошибка компиляции. С блоками от User8 такой проблемы нет. Надеюсь что проблемы временные, а пока откатился на старые блоки...

[Naladchik]

Происходит конфликт с блоком

Ну так я бы очень удивился если бы он в данном случае не происходил. Вы взяли мой проект, в котором прописан контроллер ESP8266 и впихнули в него блок, заточенный под ESP32. Результат предсказуем.

[JonyBest]

Ну так я бы очень удивился если бы он в данном случае не происходил. Вы взяли мой проект, в котором прописан контроллер ESP8266 и впихнули в него блок, заточенный под ESP32. Результат предсказуем.

Контроллер в вашем проекте поменял на есп32. Так же не работает мой проект, изначально на есп32, в связке ваши блоки и WebUpdate_ESP32, удаляем WebUpdate_ESP32 - проект компилируется без ошибок. Со старыми блоками мой проект работает без проблем. Версия 7.0.3
Но ваши блоки более удобные и функциональные

[Naladchik]

Так же не работает мой проект

Создал болванку проекта, все компилируется.

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

удаляем WebUpdate_ESP32 - проект компилируется без ошибок

Ключевая фраза! Где то конфликт библиотек.

Ну а то, что Ваш проект с исходными блоками от User8 компилируется а с моими нет - так это ерунда полная, так как никаких доп. библиотек я в своих блоках не подключаю и код почти одинаковый.
И вообще, без приложенного проекта что мы обсуждаем??? Будет проект можно и поразбираться, а по картинкам гадать - это к гадалкам!

Отправлено спустя 1 час 47 минут 12 секунд:
В той IDE, которая идет вместе с FLProg, имеются лишние и дублирующиеся библиотеки и куча проблем с компиляцией из за этого.
Самый яркий пример это ArduinoOTA, две совершенно разные библиотеки и с с одинаковыми названиями, пока не выкосишь ненужную (в 2-х местах) - не скомпилируешь.
Пока проверял Вашу проблему нашел такой же случай, библиотека WiFi. Одна из них лежит в корне IDE и предназначена для WiFi-шилдов
"sentence=Enables network connection (local and Internet) using the Arduino WiFi shield."
Т.е. в большинстве случаях абсолютно не нужная, а вот нужная для ESP32 лежит в "...ideV5\portable\packages\esp32\hardware\esp32\1.0.4\libraries\WiFi", но при компиляции IDE сначала обращается к той, что лежит в корне, не может скомпилировать и выдает ошибку.
Вот в этом направлении и надо искать!