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

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

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

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

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

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

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

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

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

#321

Сообщение Qwert855 » 13.01.2021{, 00:58}

Так же немного дополню тему ссылок.

при применении такого кода в "title_page_Main" (предполагаю не только там)
я ставил теги в в строке IDE, показалось так удобнее и быстрее (пример оттуда)
ESPUI.begin("Зал &nbsp;" "<a href=http://192.168.1.26>Кухня &nbsp;</a>" "<a href=http://192.168.1.27>Ванна</a>");
получаем гиперссылки прямо в верхней шапке. ест но их можно разместить строкой, столбиком, разукрасить, добавить кол во и тд по вкусу.
Безымянный2 .png
Безымянный2 .png (7.9 КБ) 1383 просмотра
из отмеченных неудобств, тег отображается во вкладке веб окна тк он вписан в область "head"

Отправлено спустя 4 минуты 16 секунд:
grover писал(а):
13.01.2021{, 00:11}

После запуска портативной версии 7.3.0 тоже перестала работать данная связка .
После пяти чесов мучений психанул, переустановил винду Fl 6.3.1 и всё заработало.
на каких блоках заработало?
вопрос именно в ФЛП?
надо проверить он вообще работает этот блок часов?

Отправлено спустя 8 минут 27 секунд:
Qwert855 писал(а):
13.01.2021{, 01:03}

при применении такого кода в "title_page_Main" (предполагаю не только там)
я ставил теги в в строке IDE, показалось так удобнее и быстрее (пример оттуда)
ESPUI.begin("Зал " "<a href=http://192.168.1.26>Кухня </a>" "<a href=http://192.168.1.27>Ванна</a>");
вставлять теги можно прям в блок без боковых "
пример
Зал &nbsp;" "<a href=http://192.168.1.26>Кухня &nbsp;</a>" "<a href=http://192.168.1.27>Ванна</a>

Отправлено спустя 25 минут 15 секунд:
grover писал(а):
13.01.2021{, 00:11}

После запуска портативной версии 7.3.0 тоже перестала работать данная связка .
После пяти чесов мучений психанул,переустановил винду Fl 6.3.1 и всё заработало.
в штатном блоке отличие только одно в размещении строки
unsigned long _tempVariable_unsignedlong;
в версии 6ххх с этой строки начинался "loop"
в версии 7ххх параметр переехал перед "void setup"

если это не влияет на работу блоков ESPUI то можно подкинуть библиотеки с 6ххх
#include <TimeLib.h>
WiFiUDP _ntpUdpServer;

Аватара пользователя
DrMario
Сержант
Сообщения: 239
Зарегистрирован: 07.11.2016{, 13:11}
Репутация: 26
Откуда: Камень-на-Оби
Имя: Евгений
Контактная информация:

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

#322

Сообщение DrMario » 13.01.2021{, 11:22}

Всем привет!
Подскажите кто нибудь, как подружить блок обновления ESP8266 и ESPUI ? При компиляции выскакивает ошибка HTTP_GET
На ESP32 такой проблемы нет. Блок прилагаю.
Вложения
ESP8266_WebUpdate_(Code_-_Professional).ubi
Конфликтный блок
(144.89 КБ) 19 скачиваний

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

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

#323

Сообщение Naladchik » 13.01.2021{, 12:39}

DrMario писал(а):
13.01.2021{, 11:22}
...как подружить...
Как как, библиотеки править, больше никак.
В разных библиотеках одинаковые названия, вот и лезут конфликты.
Win7-64. FLProg Portable.
Изображение

Аватара пользователя
DrMario
Сержант
Сообщения: 239
Зарегистрирован: 07.11.2016{, 13:11}
Репутация: 26
Откуда: Камень-на-Оби
Имя: Евгений
Контактная информация:

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

#324

Сообщение DrMario » 13.01.2021{, 14:07}

Помогло!
Вопрос другой...
Как выводить текст в несколько строк, на снимке в первом посте самый первый элемент.

JonyBest
Рядовой
Сообщения: 63
Зарегистрирован: 18.11.2015{, 22:42}
Репутация: 2
Откуда: Близко к Ставрополю
Имя: Евгений

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

#325

Сообщение JonyBest » 13.01.2021{, 14:31}

DrMario писал(а):
13.01.2021{, 14:07}
Помогло!
Вопрос другой...
Как выводить текст в несколько строк, на снимке в первом посте самый первый элемент.
В конце строки добавить переход на новую строку <br>

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

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

#326

Сообщение grover » 14.01.2021{, 15:44}

Qwert855 писал(а):
13.01.2021{, 01:36}
на каких блоках заработало?
вопрос именно в ФЛП?
надо проверить он вообще работает этот блок часов?
Штатный блок получение времени с NTP сервера + ESPU-I1.0

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

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

#327

Сообщение uglerod » 15.01.2021{, 04:19}

Qwert855 писал(а):
13.01.2021{, 01:36}
Так же немного дополню тему ссылок.

при применении такого кода в "title_page_Main" (предполагаю не только там)
я ставил теги в в строке IDE, показалось так удобнее и быстрее (пример оттуда)
ESPUI.begin("Зал &nbsp;" "<a href=http://192.168.1.26>Кухня &nbsp;</a>" "<a href=http://192.168.1.27>Ванна</a>");
получаем гиперссылки прямо в верхней шапке. ест но их можно разместить строкой, столбиком, разукрасить, добавить кол во и тд по вкусу.
Вот это то что мне надо. ESPUI.begin("Зал &nbsp;" "<a href=http://192.168.1.26>Кухня &nbsp;</a>" "<a href=http://192.168.1.27>Ванна</a>");- это как дополнительная строка в секции setup?

Аватара пользователя
DrMario
Сержант
Сообщения: 239
Зарегистрирован: 07.11.2016{, 13:11}
Репутация: 26
Откуда: Камень-на-Оби
Имя: Евгений
Контактная информация:

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

#328

Сообщение DrMario » 15.01.2021{, 09:14}

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

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

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

#329

Сообщение Qwert855 » 15.01.2021{, 12:24}

uglerod писал(а):
15.01.2021{, 04:19}

Вот это то что мне надо. ESPUI.begin("Зал " "<a href=http://192.168.1.26>Кухня </a>" "<a href=http://192.168.1.27>Ванна</a>");- это как дополнительная строка в секции setup?
подобная команда пропишет ссылки в заголовке страницы строкой, как уже писали выше если надо колонкой то добавлять не пробел &nbsp; а разрыв <br>хххххх</br>
тег можно вписать в самом блоке ESPUI в поле имени заголовка,

Отправлено спустя 9 минут 47 секунд:
DrMario писал(а):
13.01.2021{, 14:07}
Помогло!
Вопрос другой...
Как выводить текст в несколько строк, на снимке в первом посте самый первый элемент.
подскажите что было сделано для ESP32?

касательно строк
в HTML коде тег <br>хххххх</br> - это переход на след строку.
соотв вероятно должно быть похоже на ( не проверял)
ESPUI.begin("Зал " "<a href=http://192.168.1.26><br>Кухня </br></a>" "<a href=http://192.168.1.27><br>Ванна</br></a>");

Отправлено спустя 6 минут 59 секунд:
DrMario писал(а):
15.01.2021{, 09:14}
Нужна толковая справка, как вставлять ссылки в строку. Сделайте кто нибудь пожалуйста
это может сделать почти любой онлайн HTML редактор, там пишете как нравится и вставляете исходный код HTML в ESPUI
другой момент что ESPUI не всегда понимает что от него хотят этими тегами т.к. он сам состоит из таких же тегов и бывают конфликты, при том что тег точно корректный.

гораздо перспективнее изучить вопрос штатных инструментов ФЛП + пользоваться онлайн редакторами и вставлять готовые теги в штатную оболочку ФЛП. - ноо это сложнее ест но. тут есть блоки с заготовками а там чистый лист.
но взамен полная гибкость оформления HTML

Аватара пользователя
DrMario
Сержант
Сообщения: 239
Зарегистрирован: 07.11.2016{, 13:11}
Репутация: 26
Откуда: Камень-на-Оби
Имя: Евгений
Контактная информация:

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

#330

Сообщение DrMario » 15.01.2021{, 18:23}

Кто нибудь знает, как можно изменить шрифт в элементах?
Хочу моноширинный шрифт Courier New в блоке лейбл.

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

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

#331

Сообщение Qwert855 » 15.01.2021{, 21:14}

Еще пример оформления. (возможно пригодится кому то )

ESPUI.begin("открыт - <em>ЗАЛ</em>&hearts;" "<p><a href=\http://192.168.1.26\>Перейти на <em>Кухню</em></a>" "&nbsp;" "<a href=\http://192.168.1.27\>Перейти в <em>Ванну</em></a>" );
Безымянный.png
Безымянный.png (7.82 КБ) 1051 просмотр
пример с моноширным
ESPUI.begin("открыт - <em><kbd>моноширинный ЗАЛ</kbd></em>&hearts;" "<p><a href=\http://192.168.1.26\>Перейти на <em>Кухню</em></a>" "&nbsp;" "<a href=\http://192.168.1.27\>Перейти в <em>Ванну</em></a>" );
Безымянный2.png
Безымянный2.png (9.62 КБ) 1051 просмотр
пояснения
Теги, преобразующие текст в <code>моноширинный</code>
Теги, преобразующие текст в <kbd>моноширинный</kbd>
Теги, преобразующие текст в <samp>моноширинный</samp>
DrMario писал(а):
15.01.2021{, 18:23}
Кто нибудь знает, как можно изменить шрифт в элементах?
Хочу моноширинный шрифт Courier New в блоке лейбл.
не знаю на счет Courier New но выглядит иначе.

Отправлено спустя 24 минуты 43 секунды:
Qwert855 писал(а):
15.01.2021{, 21:14}

не знаю на счет Courier New но выглядит иначе.
посмотрел на мобильном хроме, шрифт моноширинный как и ожидалось не работает.

Аватара пользователя
Rovki
Полковник
Сообщения: 3850
Зарегистрирован: 22.04.2016{, 17:25}
Репутация: 175
Откуда: Чехов
Имя: Анатолий
Контактная информация:

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

#332

Сообщение Rovki » 07.02.2021{, 20:05}

Использование ESPUI для веб настроек клиента
Электронщик до мозга костей и не только

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

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

#333

Сообщение grover » 08.02.2021{, 02:02}

На основе проекта
Rovki писал(а):
07.02.2021{, 20:05}
Использование ESPUI для веб настроек клиента

Добрый день.
Подскажите как сделать после того как клиент подключился точка доступа отключалась.
А если соединение пропало снова была доступной ?
Вложения
ESPUI_test.flp
(4.62 МБ) 6 скачиваний

Аватара пользователя
Rovki
Полковник
Сообщения: 3850
Зарегистрирован: 22.04.2016{, 17:25}
Репутация: 175
Откуда: Чехов
Имя: Анатолий
Контактная информация:

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

#334

Сообщение Rovki » 08.02.2021{, 07:21}

grover писал(а):
08.02.2021{, 02:02}
На основе проекта
Rovki писал(а):
07.02.2021{, 20:05}
Использование ESPUI для веб настроек клиента

Добрый день.
Подскажите как сделать после того как клиент подключился точка доступа отключалась.
А если соединение пропало снова была доступной ?
А чем мешает точка доступа?
Электронщик до мозга костей и не только

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

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

#335

Сообщение grover » 08.02.2021{, 10:54}

Rovki писал(а):
08.02.2021{, 07:21}
А чем мешает точка доступа?
Если работает 10 штук одновременно много WI-FI сетей.

Аватара пользователя
Rovki
Полковник
Сообщения: 3850
Зарегистрирован: 22.04.2016{, 17:25}
Репутация: 175
Откуда: Чехов
Имя: Анатолий
Контактная информация:

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

#336

Сообщение Rovki » 08.02.2021{, 18:43}

grover писал(а):
08.02.2021{, 10:54}
Rovki писал(а):
08.02.2021{, 07:21}
А чем мешает точка доступа?
Если работает 10 штук одновременно много WI-FI сетей.
Понятно. А проект можно глянуть (можно в личку)
Электронщик до мозга костей и не только

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

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

#337

Сообщение Phazz » 08.02.2021{, 18:47}

grover, тут то что нужно
viewtopic.php?f=71&t=6717

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

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

#338

Сообщение grover » 08.02.2021{, 22:11}

Phazz,
Большое спасибо то что нужно.

Аватара пользователя
Rovki
Полковник
Сообщения: 3850
Зарегистрирован: 22.04.2016{, 17:25}
Репутация: 175
Откуда: Чехов
Имя: Анатолий
Контактная информация:

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

#339

Сообщение Rovki » 09.02.2021{, 17:13}

4ds18b.flp
(5.63 МБ) 26 скачиваний
Сканирование (авто) 4 датчиков ds18b20 на одной шине :smile427:
с использованием веб интерфейса ESPUI
Электронщик до мозга костей и не только

Аватара пользователя
Rovki
Полковник
Сообщения: 3850
Зарегистрирован: 22.04.2016{, 17:25}
Репутация: 175
Откуда: Чехов
Имя: Анатолий
Контактная информация:

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

#340

Сообщение Rovki » 21.02.2021{, 07:59}

Имею 4 закладки (страницы) , 16 органов управления (кнопки, индикаторы,итд) , как только ставлю 17ю (любую) ,она не отображается. Как только удаляю любую , так отображается 17я , как будто есть ограничение 16 :smile427: .Как можно вылечить ??? :smile390:
Электронщик до мозга костей и не только

Ответить

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