Страница 20 из 21
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 15.08.2019{, 21:00}
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
Пример проекта для демонстрации функционала:
Видео по использованию интерфейса в 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\
Данный веб-интерфейс не будет работать вместе с встроенным в flprog, если только на разных портах.
Не забудьте включить wifi клиент в настройках контроллера и указать данные вашей wifi сети.
Новая/Альтернативная версия блоков: viewtopic.php?f=71&t=7414
Main блок с внешними входами авторизации:
viewtopic.php?p=83619#p83619
Остальные блоки:
viewtopic.php?p=74571#p74571
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 07.09.2021{, 11:59}
aidar_i
belyx писал(а): ↑07.09.2021{, 11:36}
aidar_i,
а не могли бы вы упаковать другим архиватором изменённые библиотеки в
сообщении #109
а то у меня не извлекаются-
ПЕРЕЗАЛИТЬ2.pngПЕРЕЗАЛИТЬ.png[/spoiler title=выдаёт ошибку]
Скачайте один раз
програмку.
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 07.09.2021{, 12:36}
belyx
отстал наверно от жизни - старые версии стояли ,не открывали.Спасибо! Всё получилось.
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 02.11.2021{, 12:14}
nikolaru01
как я могу подключится к Интернету
Отправлено спустя 31 минуту 36 секунд:
как я могу подключится к Интернету?
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 02.11.2021{, 13:23}
cmept-27
nikolaru01, Хороший вопрос. Смешной. Хотя бы так.
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 02.11.2021{, 15:48}
nikolaru01
Никак не получается.
Посмотрите пожалуйста файл, укажите, что не так.
Отправлено спустя 8 минут 8 секунд:
Вот еще посмотрите, а то ни как не могу
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 06.11.2021{, 18:53}
Sator
Ух тыж, какая прелесть! Уважаемый User8, позвольте пожать Вам Ваши трудовые мозоли
Замечательный блок, как раз то, что нужно для всяких мелких (и не очень) проектов. Спасибо огромное, эотт блок наверняк придется по душе многим
И, по традиции, пару ложек "ауменянеработает"
Залил в ESP8266 (NodeMCU v3) тестовый проект, все запустилось прекрасно. Правда, слайдет ведет себя как-то не так, как я ожидаю: таскаю ползунок, значение исправно меняется - тут все хорошо. Отпускаю мышь - точка на ползунке есть. Кликаю куда попало на страничке (даже в сам ползунок), т.е. фокус меняется с ползунка на куда-то еще - и точка пропадает. Т.е. я вижу цифровую величину положения ползунка, а визуально оценить не могу. Моежет быть у меня браузер козлит, вполне допускаю. Или так на самом деле и задумано - тоже вполне возможно. Вот, как-то так
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 06.11.2021{, 20:35}
Naladchik
Sator писал(а): ↑06.11.2021{, 18:53}
... Отпускаю мышь - точка на ползунке есть. Кликаю куда попало на страничке (даже в сам ползунок), т.е. фокус меняется с ползунка на куда-то еще - и точка пропадает...
Старая версия библиотеки. Нужна 2.0.2, в ней слайдер работает нормально.
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 09.02.2022{, 12:18}
Rovki
Повторю вопрос , есть ли примеры работы ESPUI с ESP32???
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 09.02.2022{, 16:58}
tema
у меня работают все ок.
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 10.02.2022{, 16:48}
vikanik
есть...тестовый рандом
с отправкой телеграм
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 11.02.2022{, 16:40}
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 секунд:
Rovki писал(а): ↑09.02.2022{, 12:18}
Повторю вопрос , есть ли примеры работы ESPUI с ESP32???
Анатолий скажите у вас получилось запустить ESPUI на ESP32?
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 11.02.2022{, 22:16}
tema
как сделать?
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 12.02.2022{, 15:11}
Rovki
tema писал(а): ↑09.02.2022{, 16:58}
у меня работают все ок.
У вас наверное ядро есп 1.0.6 . А мне нужно на ядре 2.0
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 12.02.2022{, 19:56}
DrMario
Вопрос вот какой. Есть ли какая нибудь возможность активировать переменную при переходе на вкладку в браузере?
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 12.02.2022{, 20:08}
Rovki
Подскажите пожалуйста какая должна быть версия ядра есп32 и версия библиотеки ESOUI,,,А то только на есп 8266 работает
не пойму в чем причина
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 16.02.2022{, 19:10}
Dmitrey
Здравствуйте! Помогите разобраться в следующей проблеме. На Wemos mini выполнен простой регулятор температуры с управлением через интернет (Сервис KeenDNS) роутер Keenetic . До не давнего времени все работало без проблем. Сейчас могу подключиться только непосредственно с телефона (по IP адресу). Подключение через интернет перестало работать.
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 17.02.2022{, 09:55}
Dmitrey
Dmitrey писал(а): ↑16.02.2022{, 19:10}
Здравствуйте! Помогите разобраться в следующей проблеме. На Wemos mini выполнен простой регулятор температуры с управлением через интернет (Сервис KeenDNS) роутер Keenetic . До не давнего времени все работало без проблем. Сейчас могу подключиться только непосредственно с телефона (по IP адресу). Подключение через интернет перестало работать.Screenshot_20220215-075925.png
Отвечу сам себе. Всё заработало. Банальная невнимательность. Вместо http подставлялось https.
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 18.03.2022{, 21:18}
evgeha84
Dmitrey писал(а): ↑17.02.2022{, 09:55}
Отвечу сам себе. Всё заработало. Банальная невнимательность. Вместо http подставлялось https.
Dmitrey, как сделать чтобы https не подставлялось автоматически? Букву s удаляю из строки, она все равно появляется. Проблема та же, из локальной сети веб интнрфейс работает, через Keenetic Control Offline
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 22.04.2022{, 17:31}
DrMario
Всем привет!
Подскажите, как сделать выравнивание текста по левому краю в блоке Label?
ESPUI - веб-интерфейс из блоков для ESP8266, ESP32
Добавлено: 01.06.2022{, 18:02}
ein89
Вопрос.
Использую проект для управления пневмоподвеской. Удобно все, пока не касается дело контроля давления.
Пробовал прикрутить к ADS1115 графики. работают. но график через некоторое время собирается в кучу, приходится периодически дергать их генератором, чтобы сбрасывались. График попробовал, чтобы убедиться, работает или нет. Работает. Теперь вопрос, как данные с АЦП вывести просто в значениях. Мне график не нужен. нужен только вывод цифр.
второй момент, как активировать темную тему, если я планирую всегда и только всегда использовать ESP как точку доступа и заходить только по IP.