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

[Nazar]

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

странно у меня всё работает

Отправлено спустя 1 минуту 22 секунды:

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

странно у меня всё работает

накидал программу счетчик импульсов всё нормально работает

Отправлено спустя 24 минуты 36 секунд:
СЧЕТЧИК ИМПУЛЬСОВ

[koroleves]

После попытки внесения в ранее сделанный скетч ESP8266 перестал загружается вообще. После долгих ковыряний, я наконец смог восстановить полуработоспособность моего проекта путем полного удаления ESPUI.
Пожалуйста! Объясните мне почему. Я понял что где-то было выполнено обновление. Какую версию flprog+Arduino IDE+ESPUI мне использовать что бы все стабильно работало?

Отправлено спустя 2 часа 17 минут 13 секунд:
ОЧЕНЬ ПРОШУ топикстартера добавить в шапку, что ESPUI временно работает только на версии FLPROG 7-3-4 !!!
Я потратил очень много времени и нервов, пока не понял это - это сэкономит людям время и нервы.!!!

Отправлено спустя 3 минуты 37 секунд:
Как сделать сделать downgrade Arduino IIDE до 2.7.4

Отправлено спустя 22 секунды:
???

[DrMario]

Найдете и замените библиотеки в каталоге ФЛПРога. Ссылка на примерный путь к библиотекам внутри архива

[rw6cm]

Как сделать сделать downgrade Arduino IIDE до 2.7.4

Не IDE откатывать , а esp8266 до 2.7.4 в IDE.
Заходите в IDE -> инструменты -> плата -> менеджер плат, в строке пишем esp8266, в найденном пункте выбираем нужную версию.
Вот только не всегда именно от этого зависит, чаще от версии используемых дополнительных библиотек.
Так же версия самой IDE может повлиять на работу.

Отправлено спустя 11 минут 52 секунды:
DrMario,
При смене версии платы не только библиотеки для платы меняются, но и инструментарий работы с ними.
Ваш вариант использовать старые библиотеки в новых версиях платы не лучшее решение. (Если и сработает то не на долго)
Что касаемо изменений этих библиотек , то где то с середины прошлого года, современные браузеры отказались от поддержки TLS версий 1.0, 1.1 Т.к. эта защита устарела и не удовлетворяет современные требования. Теперь работают только с TLS версий 1.2 1.3
По этому старые TLS удалили из ее библиотек. А для 1.2 и выше в есп8266 не хватает памяти чтобы использовать.
Думаю есп8266 можно больше не рассматривать для работы в защищенном режиме с современными браузерами.
Это для нее становится не подъемным.

[breaksshock]

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

[Naladchik]

breaksshock,
Если вопрос по мультиблоку - пришлите проект, посмотрю. Если вопрос по блокам из шапки - то я пас.
Большую часть подобных проблем можно решить просто посмотрев порядок компиляции блоков, там и можно понять какой блок будет первым, какой вторым и т.д. В каком порядке блоки будут компилироваться, в таком и на странице (вкладке) будут располагаться. А на вкладках блоки могут плясать еще и из за их избыточного количества.

111.png (4.2 КБ) 1328 просмотров

P.S.
И в любом случае, вопрос без приложенного проекта и пояснений что задумывалось и что получилось - вопрос безсмысленный.
Почему этого очевидного факта новички, без подсказок, не понимают?

[com]

Залил пример из шапки, в домашней сети работает, подключил через VPN, в браузере выдает такое

Можно с этим как то справится?

[com]

Залил пример из шапки,

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

[o615ye161]

подскажите пожалуйста как настроить ESPUI для работы контроллера через интернет?

[ArtemArable]

Приветствую всех.
После переустановки FLProg последней версии элемент Слайдер стал отображаться некорректно. Пока не кликнешь курсором ползунок не появляется. .
Где может быть собака зарыта?

[Naladchik]

Старая версия библиотеки.
Проблемы со слайдером были исправлены в 2.0.1.
Но советую использовать 2.0.2, в ней у меня c ESP32 проблем с компиляцией не было, в отличии от 2.0.1.
https://github.com/s00500/ESPUI/releases

[ArtemArable]

А путь сохранения какой?
c:\Program Files (x86)\FLProg\ideV7\portable\sketchbook\libraries\
или
c:\Program Files (x86)\FLProg\ideV7\libraries\

По первому у меня штатная ESPUI 2.0.0.

[Naladchik]

c:\Program Files (x86)\FLProg\ideV7\portable\sketchbook\libraries\

Я всегда пользуюсь этим

c:\Program Files (x86)\FLProg\ideV7\libraries\

отсюда я все или удаляю или переношу в предыдущий

По первому у меня штатная ESPUI 2.0.0.

потому и косяки со слайдером. удалить и поставить 2.0.2

[ArtemArable]

Через менеджер библиотек IDE посмотрел - все таки ESPUI 2.0.2. Но ваш совет обязательно проверю.

[Naladchik]

Через менеджер библиотек IDE посмотрел - все таки ESPUI 2.0.2. ...

Вопрос где стоит ESPUI 2.0.2. и откуда и какую берет компилятор?
Надо еще проверить C:\Users\.....\Documents\Arduino\libraries. Тут тоже может что то быть.

[ArtemArable]

IDE та, что с FLProg идет при установке. По пути C:\Users\.....\Documents\Arduino\libraries
У меня в директории c:\Program Files (x86)\FLProg\ideV7\portable\sketchbook\libraries\ три библиотеки. Первая версии 2.0.2. Причем если вторые две удалить, то при компиляции восстанавливаются. Вообщем, то ли лыжи...
ESPUI
ESPUI-2.0.0
ESPUI-2_0_2_mod

[Rovki]

Подскажите други ! После перерыва и обновления чего то перестал компилироваться проект с SPUI . Ядро есп8266 4.2 (было 3) , Все библиотеки что нужны удалил ,взял пример из 1 поста , но ошибки при компитляции остаются ,в чем может быть дело . Мне нужно ESPUI для ESP32 , но в начале хочу восстановить работу на есп8266

[Pelletizer]

Подскажите други ! После перерыва и обновления чего то перестал компилироваться проект с SPUI . Ядро есп8266 4.2 (было 3) , Все библиотеки что нужны удалил ,взял пример из 1 поста , но ошибки при компитляции остаются ,в чем может быть дело . Мне нужно ESPUI для ESP32 , но в начале хочу восстановить работу на есп8266

Какая ошибка при компиляции, осмелюсь предположить что необходимо руками переставить подключение библиотеки в самый низ списка библиотек, речь идет о самом коде

[aidar_i]

IDE та, что с FLProg идет при установке. По пути C:\Users\.....\Documents\Arduino\libraries
У меня в директории c:\Program Files (x86)\FLProg\ideV7\portable\sketchbook\libraries\ три библиотеки. Первая версии 2.0.2. Причем если вторые две удалить, то при компиляции восстанавливаются. Вообщем, то ли лыжи...
ESPUI
ESPUI-2.0.0
ESPUI-2_0_2_mod

Компилируйте через "глаз".
Эти библиотеки в блоке. Если компилируете через стрелку, они устанавливаются. Или их удалите с блока.

[belyx]

aidar_i,
а не могли бы вы упаковать другим архиватором изменённые библиотеки в сообщении #109
а то у меня не извлекаются-

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

ПЕРЕЗАЛИТЬ2.png (6.6 КБ) 1626 просмотров

[/spoiler title=выдаёт ошибку]