Уважаемые пользователи! Наш сайт и форум содержится на средства полученные от рекламы. Если вы хотите и дальше продолжать общаться, скачивать, и т.п. пожалуйста отключите блокировку рекламы для нашего сайта/форума. Можно и покликать по рекламным ссылкам, так будут больше выплаты. Спасибо за понимание!

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

Управление, ввод и вывод информации

Пользовательские блоки для коммкникации и связи GSM, GPRS, IR, Bluetooth и другие
Правила форума
Рекомендации по размещению блоков:
Автор блока создает подробное описание блока, отличие от подобных(если есть на данный момент).Сложные блоки очень желательно с примерами.
При выходе новых версий редактирует/дополняет свой первый пост с указанием даты, версии, причины.
В каждой теме обсуждается только выложенный автором блок - баги, возможность (или предложение) доработки и прочие хотелки.
Свои блоки, переработанные, с другими библиотеками, протоколами и т.д.- размещаем либо сами отдельно, либо обсуждаем и дорабатываем в форуме Разработка блоков.
Пользователи улучшив блок автора и проверив его работоспособность - могут обратиться к автору или модераторам с просьбой добавить их версию блока в первое сообщение темы.
User8
Лейтенант
Сообщения: 338
Зарегистрирован: 12.06.2017{, 14:44}
Репутация: 90
Имя: Евгений

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

#1

Сообщение User8 » 15.08.2019{, 21:00}

Изображение

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 МБ) 2052 скачивания
Видео по использованию интерфейса в 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 МБ) 1290 скачиваний

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

Main блок с внешними входами авторизации: viewtopic.php?p=83619#p83619
Остальные блоки: viewtopic.php?p=74571#p74571
Вложения
ESPUI_Main_1_2_(CODE).ubi
(5.08 МБ) 1018 скачиваний
ESPUI_Tab_1_0_(CODE).ubi
(6.85 КБ) 1190 скачиваний
Последний раз редактировалось User8 16.02.2020{, 12:27}, всего редактировалось 61 раз.

Ingwar
Подполковник
Сообщения: 1217
Зарегистрирован: 28.10.2015{, 22:47}
Репутация: 69
Откуда: Ленобласть
Имя: Игорь

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

#301

Сообщение Ingwar » 18.12.2020{, 19:37}

Dev1 писал(а):
18.12.2020{, 19:36}
Теперь и в 721 то же кракозябры...
Пандемия однако... :smile38:
Люди в своем большинстве живо интересуются всем на свете, за исключением того, что действительно стоит знать.

SSSergeich
Капитан
Сообщения: 701
Зарегистрирован: 06.02.2016{, 11:01}
Репутация: 36
Откуда: Ярославль
Имя: Сергей

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

#302

Сообщение SSSergeich » 18.12.2020{, 21:52}

Dev1 писал(а):
18.12.2020{, 19:36}
Добрый вечер господа. Решил попробовать интерфейс на еспху. Вроде все получилось, но нету стрелок на паде, кракозябры. Менял браузеры, телефоны, библиотеки. Всю тему пролистал, не нашел ничего подобного. Может у кого было такое... :senile:
СпойлерПоказать
Screenshot_2020-12-18-16-56-26-651.jpg
пысы: узаю 722 портабл

Отправлено спустя 38 минут 5 секунд:
Отменяется, на 721 все норм... Буду проверять...

Отправлено спустя 48 минут 35 секунд:
Бред какой то, скомпилил в 721 ESPUI_test2.flp все норм. Потом скомпилил в 722 стало кракозябрами. Теперь и в 721 то же кракозябры...
Такая же проблема, более того, в самой FLProg шрифты поехали...

Аватара пользователя
Dev1
Майор
Сообщения: 1015
Зарегистрирован: 12.07.2016{, 18:04}
Репутация: 58
Откуда: Гондурас

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

#303

Сообщение Dev1 » 19.12.2020{, 18:03}

Сейчас пробую блоки 1.3 и заметил что у всех блоков изначальный порядок Tab начинается с 0. А если поставить блок ESPUI_Tab у него уже значение Tab при компиляции ставится с 1, последующие 2,3 и так далее. Не сразу понял почему у меня вкладки как то не там расположены. Не знаю задумка это такая или не с того отсчет Tab начинается. :smile37:
Win7-64 FLProg v7.2.2 Portable :fie:

Naladchik
Лейтенант
Сообщения: 362
Зарегистрирован: 04.10.2015{, 19:10}
Репутация: 30
Откуда: Новосибирск
Имя: Павел

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

#304

Сообщение Naladchik » 19.12.2020{, 19:12}

Dev1,
Tab=0 это основная страница, Tab>0 это вкладки на этой странице.
Win7-64. FLProg Portable.
Изображение

Qwert855
Рядовой
Сообщения: 53
Зарегистрирован: 19.12.2020{, 23:57}
Репутация: 1
Имя: Alex

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

#305

Сообщение Qwert855 » 23.12.2020{, 16:42}

Добрый день.
Друзья, можете помочь с блоком слайдера что бы он выводил флоат значение? (достаточно одной десятки)

По веткам выше, добавил блок ESPUI_1.3_(Code).ubi через программу в только что распакованную FLP7.2.2, открыл пример test.flp, ошибок компиляции нет.

Спасибо.

Naladchik
Лейтенант
Сообщения: 362
Зарегистрирован: 04.10.2015{, 19:10}
Репутация: 30
Откуда: Новосибирск
Имя: Павел

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

#306

Сообщение Naladchik » 24.12.2020{, 11:38}

Qwert855 писал(а):
23.12.2020{, 16:42}
блоком слайдера что бы он выводил флоат значение?
Маловероятно. Данный функционал скорее всего не поддерживается библиотекой ESPUI.
Win7-64. FLProg Portable.
Изображение

Аватара пользователя
Phazz
Полковник
Сообщения: 1560
Зарегистрирован: 17.10.2016{, 15:38}
Репутация: 120
Откуда: Сургут
Имя: Анатолий

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

#307

Сообщение Phazz » 24.12.2020{, 15:10}

Qwert855, как костыль можно умножить значения на 10. То есть если нужно 25.7 выбираем на слайдере 257 а в проекте делим на 10

starmos
Рядовой
Сообщения: 55
Зарегистрирован: 11.04.2016{, 15:46}
Репутация: 5
Откуда: Челябинск

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

#308

Сообщение starmos » 24.12.2020{, 15:23}

Phazz писал(а):
24.12.2020{, 15:10}
Qwert855, как костыль можно умножить значения на 10. То есть если нужно 25.7 выбираем на слайдере 257 а в проекте делим на 10
Я так нередко делаю, удобно. Да и размер передаваемых данных меньше выходит. И работать с целыми числами быстрее.

Qwert855
Рядовой
Сообщения: 53
Зарегистрирован: 19.12.2020{, 23:57}
Репутация: 1
Имя: Alex

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

#309

Сообщение Qwert855 » 24.12.2020{, 17:02}

Добрый день.
С точки зрения логики вопрос понятен, именно так и использую сейчас. Интересует именно возможность отображения точки в блоке слайдера (имеется женский фактор тк домашний сетевой ресурс).

Qwert855
Рядовой
Сообщения: 53
Зарегистрирован: 19.12.2020{, 23:57}
Репутация: 1
Имя: Alex

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

#310

Сообщение Qwert855 » 28.12.2020{, 14:23}

Добрый день. У кого то есть опыт совместимости этих блоков с блоком запроса онлайн погоды и блоком обновления прошивки по вебу? они все обращаются к json и у похоже у всех блоков разная модификация этого пакета и разные настройки.

Аватара пользователя
Imran
Рядовой
Сообщения: 34
Зарегистрирован: 08.11.2017{, 20:53}
Репутация: 1
Имя: Имран

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

#311

Сообщение Imran » 07.01.2021{, 23:28}

Naladchik, Доброй ночи.Я не как не могу понять как ? вкладки использовать. В первой версии все нормально и понятно в этой версии не могу понять как номера вкладок связывать

Аватара пользователя
Dev1
Майор
Сообщения: 1015
Зарегистрирован: 12.07.2016{, 18:04}
Репутация: 58
Откуда: Гондурас

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

#312

Сообщение Dev1 » 08.01.2021{, 04:34}

Если используете несколько вкладок то начинайте с 1 номера, далее 2, 3 и т.д. Если в каком то блоке будет стоять 0 то остальные вкладки будут под 0 вкладкой. У 0 приоритет и находится всегда сверху.
Win7-64 FLProg v7.2.2 Portable :fie:

uglerod
Рядовой
Сообщения: 53
Зарегистрирован: 27.11.2016{, 18:32}
Репутация: 4

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

#313

Сообщение uglerod » 10.01.2021{, 00:01}

Всем добрый вечер.Возник вопрос- как при переходе на другую вкладку переходить на другой IP. Т.е. есть несколько esp со своими адресами. В теме вроде такого не увидел. Подскажите куда и как двигаться.

stigmat
Рядовой
Сообщения: 18
Зарегистрирован: 14.05.2020{, 18:10}
Репутация: 0
Имя: Yurii

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

#314

Сообщение stigmat » 12.01.2021{, 10:00}

Вам сюда

stigmat
Рядовой
Сообщения: 18
Зарегистрирован: 14.05.2020{, 18:10}
Репутация: 0
Имя: Yurii

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

#315

Сообщение stigmat » 12.01.2021{, 10:14}

У меня проект компилюеться нормально и загружается в МК. Однако сам интерфейс не работает. Пишет Error/No connection. Увеличение параметров jsoninitsize, jsonupdatesize не помогает. Версия блока espui 1.2. Flprog 6.3.1, ESP32

Кто может подсказать в чем причина?
Вложения
control.PNG
control.PNG (6.65 КБ) 578 просмотров

Naladchik
Лейтенант
Сообщения: 362
Зарегистрирован: 04.10.2015{, 19:10}
Репутация: 30
Откуда: Новосибирск
Имя: Павел

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

#316

Сообщение Naladchik » 12.01.2021{, 11:38}

stigmat писал(а):
12.01.2021{, 10:14}
Версия блока espui 1.2. Flprog 6.3.1
Версия блоков старая, версия FLProg старая, а библиотеки наверняка уже обновились вот и лезут конфликты.
А может и в проекте где косяк, а может и в конфигурации сетевого оборудования.
Вариантов масса.
Win7-64. FLProg Portable.
Изображение

Qwert855
Рядовой
Сообщения: 53
Зарегистрирован: 19.12.2020{, 23:57}
Репутация: 1
Имя: Alex

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

#317

Сообщение Qwert855 » 12.01.2021{, 16:10}

обнаружил еще одну грусть. при использовании данных блоков не работает штатный блок онлайн времени FLP7xx. при этом МК esp d1 зависает (без рестарта) с цикличностью заданной в блоке на запрос первичного времени на время работы блока (примерно 5 сек) т.к блок времени не получает ответа - эта история идет в цикле.
почему то уверен что раньше толи когда блоки были более старые 1.0 и точно ФЛ был 6.3 данная связка работала.

stigmat
Рядовой
Сообщения: 18
Зарегистрирован: 14.05.2020{, 18:10}
Репутация: 0
Имя: Yurii

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

#318

Сообщение stigmat » 12.01.2021{, 16:40}

Naladchik писал(а):
12.01.2021{, 11:38}
stigmat писал(а):
12.01.2021{, 10:14}
Версия блока espui 1.2. Flprog 6.3.1
Версия блоков старая, версия FLProg старая, а библиотеки наверняка уже обновились вот и лезут конфликты.
А может и в проекте где косяк, а может и в конфигурации сетевого оборудования.
Вариантов масса.
Все банально и просто. Очень быстрое обновление данных и интерфейс зависает.

Qwert855
Рядовой
Сообщения: 53
Зарегистрирован: 19.12.2020{, 23:57}
Репутация: 1
Имя: Alex

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

#319

Сообщение Qwert855 » 12.01.2021{, 23:23}

Спасибо автору.
интересное видео (как всегда)
stigmat писал(а):
12.01.2021{, 10:00}
Вам сюда
из видео можно подчеркнуть тег
br><a href=\"http://192.168.1.12/\"><span style=\"color:white;font-size: 22px;\">Гостиная</span></a><br><br
куда можно ставить адрес ссылки (любой в том числе ftp), форматирование текста и фона текста (курсив, размер, жирный, зачеркнутый и тд)
подробнее про тег можно найти по запросу Яндекса - HTML тег span

хорошо работает на блоке "кнопка".
в графе "name_Button" можно вставлять
a href=\http://xxx.xxx.xxx.xxx\><span style=\color:xxx;\>xxx</span></a
пример
a href=\http://192.168.1.26\><span style=\color:red;\>Гараж</span></a

соответственно можно и без украшательств
a href=\http://192.168.1.20\>Гараж</a

тег работает с блоком "Tab"
в сроке "title_page_Main" кликая по наименованию проекта можно перебирать устройства

тег так же работает со строкой "title_Tab" но ссылки открываются только в новом окне контекстным меню.

PS: примеры использовать в < ххххххх > .

Отправлено спустя 10 минут 10 секунд:
stigmat писал(а):
12.01.2021{, 10:14}
У меня проект компилюеться нормально и загружается в МК. Однако сам интерфейс не работает. Пишет Error/No connection. Увеличение параметров jsoninitsize, jsonupdatesize не помогает. Версия блока espui 1.2. Flprog 6.3.1, ESP32

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

grover
Рядовой
Сообщения: 8
Зарегистрирован: 14.01.2018{, 22:08}
Репутация: 0

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

#320

Сообщение grover » 13.01.2021{, 00:11}

Qwert855 писал(а):
12.01.2021{, 16:10}
обнаружил еще одну грусть. при использовании данных блоков не работает штатный блок онлайн времени FLP7xx. при этом МК esp d1 зависает (без рестарта) с цикличностью заданной в блоке на запрос первичного времени на время работы блока (примерно 5 сек) т.к блок времени не получает ответа - эта история идет в цикле.
почему то уверен что раньше толи когда блоки были более старые 1.0 и точно ФЛ был 6.3 данная связка работала.
После запуска портативной версии 7.3.0 тоже перестала работать данная связка .
После пяти чесов мучений психанул,переустановил винду Fl 6.3.1 и всё заработало.

Ответить

Вернуться в «Коммуникация и связь»