Страница 21 из 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

Пример проекта для демонстрации функционала:
ESPUI_test2.flp
(4.91 МБ) 3308 скачиваний
Видео по использованию интерфейса в 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 МБ) 2163 скачивания

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

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

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

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 06.06.2022{, 04:59}
WildCat
Здравствуйте.

Возникла потребность в подобном интерфейсе.
Почитал эту тему и другие по web мордам, в целом, всё понятно.

Но столкнулся с проблемой.

WeMos d1 mini + MCP23017 (расширитель входов/выходов)
Компилируется, прошивается, но МК не работает. В СОМ порт не достучаться, WiFi есть (точка доступа), подключается. Но IP недоступен.

Убираю МСР, всё ок. Оболочка работает.

Подозреваю, какая-то коллизия из-за I2c.

Есть ли какое-то решение проблемы?


И ещё одна непонятная вещь.

Слайдер странно работает.
Ползунок перевожу в какое-лиьо положение, отпускаю, значение записывается. При этом ползунок автоматом скидывается на начало линейки (или на значение, которое задается при инициализации). Что с мобилы, что с компа, одинаково. По видео в Ютубе видел, что ползунок остаётся в том положении, где его отпустили.
В чем может быть дело?

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 06.06.2022{, 08:04}
Naladchik
WildCat писал(а):
06.06.2022{, 04:59}
Слайдер странно работает. ... В чем может быть дело?
или старая библиотека (был такой косяк) или последняя 2.1.1 (похоже опять появился)
попробуйте версию 2.1 (в этой вроде его не было).

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 06.06.2022{, 14:35}
WildCat
Naladchik, спасибо, попробую.

По первому вопросу никаких мыслей нет?

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 06.06.2022{, 14:42}
Naladchik
WildCat писал(а):
06.06.2022{, 14:35}
По первому вопросу никаких мыслей нет?
Так как у меня нет модуля на MCP23017 то с этим вопросом помочь ничем не могу.

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 29.08.2022{, 14:47}
SLed
Здравствуйте.
Наткнулся на видео, решил попробовать.
Заполнил Название сети и пароль в настройках контроллера и в блоке Main.
В веб морде роутера DHCP IP показывает, в COM порте ПК нет. При подключении к КОМ выдаёт что то но не IP.
В браузере пишет что Web страница не найдена.
В чём может быть проблема подскажите?

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 29.08.2022{, 18:17}
Rovki
А проект думаете не нужен?

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 30.08.2022{, 04:03}
SLed
Rovki писал(а):
29.08.2022{, 18:17}
А проект думаете не нужен?
Пример проекта для демонстрации функционала:
ESPUI_test2.flp
Из этой темы.

Отправлено спустя 5 минут 37 секунд:
com.png
Это прокручивается бесконечно.

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 30.08.2022{, 04:54}
Phazz
SLed, цикличный ребут идет

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 30.08.2022{, 06:41}
SLed
Phazz писал(а):
30.08.2022{, 04:54}
SLed, цикличный ребут идет
А как это вылечить?

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 01.09.2022{, 04:12}
SLed
Никто не поможет? :(

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 01.09.2022{, 09:37}
artemka19
SLed, так без проекта как помочь?)

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 01.09.2022{, 11:04}
SLed
artemka19 писал(а):
01.09.2022{, 09:37}
SLed, так без проекта как помочь?)
Так проект же из этой темы. В шапке он.
download/file.php?id=20199&sid=19573ac7 ... b843ce72a5

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 06.09.2022{, 11:20}
expeditor
Коллеги, здравствуйте !
Прикидывал этот интерфейс, как наиболее удобный в реализации, и вот какой вопрос:
В нем нет таких типов переключателей как "галочка" (не помню как такой тип называется в html) и "выбор точкой из нескольких вариантов" (в html это кажется тип "радио"). Если на счет первого можно заменить переключателем (switch), то для типа "радио" блок никто не делал? И вообще любой вариант выбора одного из нескольких на экране

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 06.09.2022{, 19:42}
Naladchik
expeditor писал(а):
06.09.2022{, 11:20}
...вариант выбора одного из нескольких на экране
блок Select

Отправлено спустя 14 минут 27 секунд:
expeditor писал(а):
06.09.2022{, 11:20}
то для типа ..... блок никто не делал?
В данном случае блок можно сделать только для того функционала, который реализован в библиотеке ESPUI.
Если в ней такой функционал отсутствует, значит и с блоком ситуация аналогичная.

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 07.09.2022{, 05:44}
SLed
expeditor писал(а):
06.09.2022{, 11:20}
Коллеги, здравствуйте !
Прикидывал этот интерфейс, как наиболее удобный в реализации, и вот какой вопрос:
В нем нет таких типов переключателей как "галочка" (не помню как такой тип называется в html) и "выбор точкой из нескольких вариантов" (в html это кажется тип "радио"). Если на счет первого можно заменить переключателем (switch), то для типа "радио" блок никто не делал? И вообще любой вариант выбора одного из нескольких на экране
По вашему вопросу лично я не знаю, потому что новичок.
Сам хотел попробовать что получится, но здесь ни кто не отвечает, наверное считают ниже своего достоинства помогать не опытным.

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 07.09.2022{, 07:08}
Phazz
SLed, Если не помогли конкретно вам, это не значит что тут все такие сволочи знают и не хотят помогать новичку. Иногда бывает что просто нет ответа на ваш вопрос а гадать почему так - это тратить свое и ваше время, особенно что касается ребутов на ESP это очень не простая тема. Да и вводных данных маловато, какой именно контроллер используете какая версия платы в ide. В конце концов есть же альтернативные UI. Посмотрите в эту сторону возможно там что-то получится.

Отправлено спустя 1 минуту 45 секунд:
Да и если вы не заметили expeditor ответили ещё вчера.

ESPUI - веб-интерфейс из блоков для ESP8266, ESP32

Добавлено: 07.09.2022{, 15:55}
Naladchik
SLed писал(а):
07.09.2022{, 05:44}
наверное считают ниже своего достоинства помогать не опытным
Скорее считают бессмысленным (лично мое мнение) копаться в проектах и блоках 3-х летней давности, особенно с учетом того, что за это время библиотека ESPUI обновилась не менее 3х раз, обновилась библиотека JSON, ядро ESP.
При этом совершенно не понятно в какой конфигурации (какие версии библиотек, на каком ядре, на каком контроллере и т.д.) Вы попытались запустить данный проект. И если Вам не ответили на Ваш вопрос может те, кто в теме, просто заняты или же Ваш вопрос просто был задан неправильно? Или такие варианты не рассматриваются?