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

[aidar_i]

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

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

ПЕРЕЗАЛИТЬ2.pngПЕРЕЗАЛИТЬ.png[/spoiler title=выдаёт ошибку]

Скачайте один раз програмку.

[belyx]

отстал наверно от жизни - старые версии стояли ,не открывали.Спасибо! Всё получилось.

[nikolaru01]

как я могу подключится к Интернету

Отправлено спустя 31 минуту 36 секунд:
как я могу подключится к Интернету?

[cmept-27]

nikolaru01, Хороший вопрос. Смешной. Хотя бы так.

[nikolaru01]

Никак не получается.
Посмотрите пожалуйста файл, укажите, что не так.

Отправлено спустя 8 минут 8 секунд:
Вот еще посмотрите, а то ни как не могу

[Sator]

Ух тыж, какая прелесть! Уважаемый User8, позвольте пожать Вам Ваши трудовые мозоли Замечательный блок, как раз то, что нужно для всяких мелких (и не очень) проектов. Спасибо огромное, эотт блок наверняк придется по душе многим

И, по традиции, пару ложек "ауменянеработает" Залил в ESP8266 (NodeMCU v3) тестовый проект, все запустилось прекрасно. Правда, слайдет ведет себя как-то не так, как я ожидаю: таскаю ползунок, значение исправно меняется - тут все хорошо. Отпускаю мышь - точка на ползунке есть. Кликаю куда попало на страничке (даже в сам ползунок), т.е. фокус меняется с ползунка на куда-то еще - и точка пропадает. Т.е. я вижу цифровую величину положения ползунка, а визуально оценить не могу. Моежет быть у меня браузер козлит, вполне допускаю. Или так на самом деле и задумано - тоже вполне возможно. Вот, как-то так

[Naladchik]

... Отпускаю мышь - точка на ползунке есть. Кликаю куда попало на страничке (даже в сам ползунок), т.е. фокус меняется с ползунка на куда-то еще - и точка пропадает...

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

[Rovki]

Повторю вопрос , есть ли примеры работы ESPUI с ESP32???

[tema]

у меня работают все ок.

[vikanik]

есть...тестовый рандом
с отправкой телеграм

[o615ye161]

d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp: In member function 'void ESPUIClass::updateControl(Control*, int)':
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:483:3: error: 'DynamicJsonDocument' was not declared in this scope
DynamicJsonDocument document(jsonUpdateDocumentSize);
^
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:484:21: error: 'document' was not declared in this scope
JsonObject root = document.to<JsonObject>();
^
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:484:43: error: expected primary-expression before '>' token
JsonObject root = document.to<JsonObject>();
^
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:484:45: error: expected primary-expression before ')' token
JsonObject root = document.to<JsonObject>();
^
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:490:31: error: 'serializeJson' was not declared in this scope
serializeJson(document, json);
^
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp: In member function 'void ESPUIClass::addGraphPoint(uint16_t, int, int)':
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:581:3: error: 'DynamicJsonDocument' was not declared in this scope
DynamicJsonDocument document(jsonUpdateDocumentSize);
^
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:582:21: error: 'document' was not declared in this scope
JsonObject root = document.to<JsonObject>();
^
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:582:43: error: expected primary-expression before '>' token
JsonObject root = document.to<JsonObject>();
^
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:582:45: error: expected primary-expression before ')' token
JsonObject root = document.to<JsonObject>();
^
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:587:31: error: 'serializeJson' was not declared in this scope
serializeJson(document, json);
^
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp: In member function 'void ESPUIClass::jsonDom(AsyncWebSocketClient*)':
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:625:3: error: 'DynamicJsonDocument' was not declared in this scope
DynamicJsonDocument document(jsonInitialDocumentSize);
^
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:626:3: error: 'document' was not declared in this scope
document["type"] = (int)UI_INITIAL_GUI;
^
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:632:51: error: use of deleted function 'ArduinoJson::JsonObject::JsonObject(const ArduinoJson::JsonObject&)'
JsonObject titleItem = items.createNestedObject();
^
In file included from d:\Flprog\FLP7.4.4beta\ideV8\portable\sketchbook\libraries\ArduinoJson\src/ArduinoJson.hpp:12:0,
from d:\Flprog\FLP7.4.4beta\ideV8\portable\sketchbook\libraries\ArduinoJson\src/ArduinoJson.h:10,
from d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.h:8,
from d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:1:
d:\Flprog\FLP7.4.4beta\ideV8\portable\sketchbook\libraries\ArduinoJson\src/ArduinoJson/JsonObject.hpp:39:7: note: 'ArduinoJson::JsonObject::JsonObject(const ArduinoJson::JsonObject&)' is implicitly deleted because the default definition would be ill-formed:
class JsonObject : public Internals::JsonPrintable<JsonObject>,
^
In file included from d:\Flprog\FLP7.4.4beta\ideV8\portable\sketchbook\libraries\ArduinoJson\src/ArduinoJson/JsonArray.hpp:12:0,
from d:\Flprog\FLP7.4.4beta\ideV8\portable\sketchbook\libraries\ArduinoJson\src/ArduinoJson.hpp:11,
from d:\Flprog\FLP7.4.4beta\ideV8\portable\sketchbook\libraries\ArduinoJson\src/ArduinoJson.h:10,
from d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.h:8,
from d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:1:
d:\Flprog\FLP7.4.4beta\ideV8\portable\sketchbook\libraries\ArduinoJson\src/ArduinoJson/Data/ReferenceType.hpp:31:3: error: 'ArduinoJson::Internals::ReferenceType::ReferenceType(const ArduinoJson::Internals::ReferenceType&)' is private
ReferenceType(const ReferenceType&);
^
In file included from d:\Flprog\FLP7.4.4beta\ideV8\portable\sketchbook\libraries\ArduinoJson\src/ArduinoJson.hpp:12:0,
from d:\Flprog\FLP7.4.4beta\ideV8\portable\sketchbook\libraries\ArduinoJson\src/ArduinoJson.h:10,
from d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.h:8,
from d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:1:
d:\Flprog\FLP7.4.4beta\ideV8\portable\sketchbook\libraries\ArduinoJson\src/ArduinoJson/JsonObject.hpp:39:7: error: within this context
class JsonObject : public Internals::JsonPrintable<JsonObject>,
^
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:637:48: error: use of deleted function 'ArduinoJson::JsonObject::JsonObject(const ArduinoJson::JsonObject&)'
JsonObject item = items.createNestedObject();
^
d:\Flprog\FLP7.4.4beta\ideV8\libraries\ESPUI-2.0.0\src\ESPUI.cpp:663:31: error: 'serializeJson' was not declared in this scope
serializeJson(document, json);
^
exit status 1
Ошибка компиляции для платы ESP32 Dev Module.

Отправлено спустя 1 минуту 57 секунд:
Подскажите в чем проблема, уже все варианты из первого поста перепробовал и из чужих проектов, всеравно ошибка

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

Повторю вопрос , есть ли примеры работы ESPUI с ESP32???

Анатолий скажите у вас получилось запустить ESPUI на ESP32?

[tema]

как сделать?

[Rovki]

у меня работают все ок.

У вас наверное ядро есп 1.0.6 . А мне нужно на ядре 2.0

[DrMario]

Вопрос вот какой. Есть ли какая нибудь возможность активировать переменную при переходе на вкладку в браузере?

[Rovki]

Подскажите пожалуйста какая должна быть версия ядра есп32 и версия библиотеки ESOUI,,,А то только на есп 8266 работает не пойму в чем причина

[Dmitrey]

Здравствуйте! Помогите разобраться в следующей проблеме. На Wemos mini выполнен простой регулятор температуры с управлением через интернет (Сервис KeenDNS) роутер Keenetic . До не давнего времени все работало без проблем. Сейчас могу подключиться только непосредственно с телефона (по IP адресу). Подключение через интернет перестало работать.

[Dmitrey]

Здравствуйте! Помогите разобраться в следующей проблеме. На Wemos mini выполнен простой регулятор температуры с управлением через интернет (Сервис KeenDNS) роутер Keenetic . До не давнего времени все работало без проблем. Сейчас могу подключиться только непосредственно с телефона (по IP адресу). Подключение через интернет перестало работать.Screenshot_20220215-075925.png

Отвечу сам себе. Всё заработало. Банальная невнимательность. Вместо http подставлялось https.

[evgeha84]

Отвечу сам себе. Всё заработало. Банальная невнимательность. Вместо http подставлялось https.

Dmitrey, как сделать чтобы https не подставлялось автоматически? Букву s удаляю из строки, она все равно появляется. Проблема та же, из локальной сети веб интнрфейс работает, через Keenetic Control Offline

[DrMario]

Всем привет!
Подскажите, как сделать выравнивание текста по левому краю в блоке Label?

[ein89]

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

Пробовал прикрутить к ADS1115 графики. работают. но график через некоторое время собирается в кучу, приходится периодически дергать их генератором, чтобы сбрасывались. График попробовал, чтобы убедиться, работает или нет. Работает. Теперь вопрос, как данные с АЦП вывести просто в значениях. Мне график не нужен. нужен только вывод цифр.

второй момент, как активировать темную тему, если я планирую всегда и только всегда использовать ESP как точку доступа и заходить только по IP.