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

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

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

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

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

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

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

Аватара пользователя
hrach
Сержант
Сообщения: 258
Зарегистрирован: 17.09.2015{, 11:05}
Репутация: 13
Откуда: Самара
Имя: Грачик
Контактная информация:

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

#61

Сообщение hrach » 08.01.2020{, 07:17}

Как в ESPUI пользоваться Spiffs?
Может кто подскажет как загружать файлы в память Spiffs и ссылки на них для ESPUI.

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

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

#62

Сообщение Phazz » 08.01.2020{, 08:29}


Аватара пользователя
hrach
Сержант
Сообщения: 258
Зарегистрирован: 17.09.2015{, 11:05}
Репутация: 13
Откуда: Самара
Имя: Грачик
Контактная информация:

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

#63

Сообщение hrach » 08.01.2020{, 09:39}

Phazz писал(а):
08.01.2020{, 08:29}
hrach, по ftp
viewtopic.php?p=75082#p75082
Спасибо!

Отправлено спустя 2 часа 6 минут 45 секунд:
User8, Ест возможность? сделать вход update text для блока ESPUI Button. Очень нужно. Спасибо.

User8
Лейтенант
Сообщения: 341
Зарегистрирован: 12.06.2017{, 14:44}
Репутация: 103
Имя: Евгений

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

#64

Сообщение User8 » 08.01.2020{, 12:46}

hrach писал(а):
08.01.2020{, 11:46}
Ест возможность? сделать вход update text для блока ESPUI Button
viewtopic.php?p=81630#p81630

Аватара пользователя
hrach
Сержант
Сообщения: 258
Зарегистрирован: 17.09.2015{, 11:05}
Репутация: 13
Откуда: Самара
Имя: Грачик
Контактная информация:

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

#65

Сообщение hrach » 08.01.2020{, 13:56}

User8 писал(а):
08.01.2020{, 12:47}
hrach писал(а): ↑Сегодня{, 08:46}
Ест возможность? сделать вход update text для блока ESPUI Button
viewtopic.php?p=81630#p81630
Жаль
Можно было по другому сделать чем здесь
СпойлерПоказать

User8
Лейтенант
Сообщения: 341
Зарегистрирован: 12.06.2017{, 14:44}
Репутация: 103
Имя: Евгений

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

#66

Сообщение User8 » 08.01.2020{, 14:27}

hrach, можно использовать блок switcher viewtopic.php?p=81624#p81624

Porsh59
Рядовой
Сообщения: 17
Зарегистрирован: 16.11.2016{, 08:37}
Репутация: 0
Откуда: Пермь

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

#67

Сообщение Porsh59 » 09.01.2020{, 09:20}

User8, приветствую!

Помогите пожалуйста по следующему вопросу:
У меня уже пару лет работает системка управления отоплением.
Контроллер ESP32 управляет котлом.
На телефоне под Андроид написана программа которая собирает данные (просто ищет имена тэгов на незамысловатой странице и берёт их значение), складывает их в облачную БД (для истории), визуализирует и отправляет команды на ESP через Web запрос например 198.168.1.22/Send_Porsh59?Temperature=10&Pressure=5&Temp2=13.
На стороне ESP есть функция которая это всё понимает.

Предлагаемый Вами вариант формирования веб интерфейса мне очень понравился при расширении хотел бы перейти на него.
Программа которую я сделал для телефона на App Inventor2 может только отправлять Web запросы (вернее я умею только так).

Итого мой вопрос:
Как мне простыми веб запросами можно воздействовать на предлагаемый Web интерфейс? например нажать кнопку или отправить значение задания температуры.

З.ы. Попробовал посмотреть на интерфейс через консоль в браузере, но знаний и понимания видимо не хватает.
Хочу всё знать, уметь и попробовать. Но плохая память и нет времени ))))

User8
Лейтенант
Сообщения: 341
Зарегистрирован: 12.06.2017{, 14:44}
Репутация: 103
Имя: Евгений

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

#68

Сообщение User8 » 09.01.2020{, 09:58}

Porsh59, для обмена данными между контроллерами и телефоном(есть приложения в google play), самое простое использовать mqtt: viewtopic.php?f=71&t=4276
Изменять значения в вебинтерфейсе через сам проект в flprog, там же есть все переменные, забирайте любые значение и отправляйте в mqtt или принимайте с mqtt и меняйте в проекте.

Porsh59
Рядовой
Сообщения: 17
Зарегистрирован: 16.11.2016{, 08:37}
Репутация: 0
Откуда: Пермь

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

#69

Сообщение Porsh59 » 09.01.2020{, 11:53}

User8 писал(а):
09.01.2020{, 09:58}
Porsh59, для обмена данными между контроллерами и телефоном(есть приложения в google play), самое простое использовать mqtt: viewtopic.php?f=71&t=4276
Изменять значения в вебинтерфейсе через сам проект в flprog, там же есть все переменные, забирайте любые значение и отправляйте в mqtt или принимайте с mqtt и меняйте в проекте.
Хорошо, спасибо. Я почитаю про mqtt, пока мне не ясно как я буду своей программой забирать данные с контроллера, но я попробую.
Хочу всё знать, уметь и попробовать. Но плохая память и нет времени ))))

User8
Лейтенант
Сообщения: 341
Зарегистрирован: 12.06.2017{, 14:44}
Репутация: 103
Имя: Евгений

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

#70

Сообщение User8 » 12.01.2020{, 04:38}

av, самое простое в данном случае и занимающее меньше памяти - использовать генератор.

Аватара пользователя
cmept-27
Сержант
Сообщения: 270
Зарегистрирован: 08.12.2016{, 15:51}
Репутация: 76

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

#71

Сообщение cmept-27 » 12.01.2020{, 11:39}

av, Тогда затирай текст пробелами

Отправлено спустя 18 минут 17 секунд:
av,
111.flp
(4.75 МБ) 172 скачивания
OK

stigmat1996
Рядовой
Сообщения: 45
Зарегистрирован: 02.05.2019{, 20:37}
Репутация: 2
Имя: Юрий

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

#72

Сообщение stigmat1996 » 14.01.2020{, 08:36}

Народ, кто-то запускал веб интерфейс на ESP32? У меня даже к МК не хочет подключаться в режиме точки доступа. Кто знает подскажите!

vovka1973
Майор
Сообщения: 1060
Зарегистрирован: 14.02.2016{, 14:16}
Репутация: 42
Откуда: kazahstan

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

#73

Сообщение vovka1973 » 14.01.2020{, 15:34}

stigmat1996 писал(а):
14.01.2020{, 08:36}
Народ, кто-то запускал веб интерфейс на ESP32? У меня даже к МК не хочет подключаться в режиме точки доступа. Кто знает подскажите!
Чтобы работало надо ставить точку доступа и обязательно включить пункт клиента.
Изображение

stigmat1996
Рядовой
Сообщения: 45
Зарегистрирован: 02.05.2019{, 20:37}
Репутация: 2
Имя: Юрий

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

#74

Сообщение stigmat1996 » 14.01.2020{, 18:07}

Чтоб ты жил сто лет! Заработало!

User8
Лейтенант
Сообщения: 341
Зарегистрирован: 12.06.2017{, 14:44}
Репутация: 103
Имя: Евгений

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

#75

Сообщение User8 » 17.01.2020{, 11:18}

av, хотел, но не стал, надо подумать как реализовать, без отсутствия динамичных входов в флпрог для пользовательских блоков, придется городить костыли...

stigmat1996
Рядовой
Сообщения: 45
Зарегистрирован: 02.05.2019{, 20:37}
Репутация: 2
Имя: Юрий

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

#76

Сообщение stigmat1996 » 18.01.2020{, 12:40}

При созданных несколько вкладок, на одной вкладке не позволяет выводить более 7 элементов. Если вкладка одна, то выводил и больше. Мне надо вывести 15 элементов InputText. Это такое ограничение?
Вложения
photo5267235703429901964.jpg

User8
Лейтенант
Сообщения: 341
Зарегистрирован: 12.06.2017{, 14:44}
Репутация: 103
Имя: Евгений

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

#77

Сообщение User8 » 18.01.2020{, 15:18}

stigmat1996, обновил библиотеку и main блок в первом посте, щас должно работать.

stigmat1996
Рядовой
Сообщения: 45
Зарегистрирован: 02.05.2019{, 20:37}
Репутация: 2
Имя: Юрий

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

#78

Сообщение stigmat1996 » 18.01.2020{, 16:45}

Начинаю тестировать. Еще такой нюанс: иногда элементы не отображаются в таком порядке как в программе; также иногда элемент бросает на основную страницу (без вкладки), при том, что я задал ему id вкладки.

User8
Лейтенант
Сообщения: 341
Зарегистрирован: 12.06.2017{, 14:44}
Репутация: 103
Имя: Евгений

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

#79

Сообщение User8 » 18.01.2020{, 17:03}

stigmat1996, обнови страницу и пойдет, сама библиотека кривоватая, ничего с этим не поделаешь.

VladimirS
Рядовой
Сообщения: 3
Зарегистрирован: 21.01.2020{, 09:49}
Репутация: 0
Имя: Владимир

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

#80

Сообщение VladimirS » 21.01.2020{, 09:57}

Добрый день. При использовании ESPUI библиотеки возникла проблема при подключении через ddns.net. я пытаюсь подключиться, используя эту ссылку http://*****.ddns.net:11133/, но выдает ошибку.
Маршрутизатор настроен правильно, проверено несколько раз.
В локальной сети при подключении по ip 192.168.0.133 все работает нормально.
В чем может быть проблема?
За ранее благодарен.

Ответить

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