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

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

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

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

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

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

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

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

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

#61

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

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

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

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

#62

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


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

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
Лейтенант
Сообщения: 320
Зарегистрирован: 12.06.2017{, 14:44}
Репутация: 79
Имя: Евгений

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
Сержант
Сообщения: 216
Зарегистрирован: 17.09.2015{, 11:05}
Репутация: 5
Откуда: Самара
Имя: Грачик
Контактная информация:

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
Лейтенант
Сообщения: 320
Зарегистрирован: 12.06.2017{, 14:44}
Репутация: 79
Имя: Евгений

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

#66

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

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

Porsh59
Рядовой
Сообщения: 16
Зарегистрирован: 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&amp;Pressure=5&amp;Temp2=13.
На стороне ESP есть функция которая это всё понимает.

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

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

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

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

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

#68

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

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

Porsh59
Рядовой
Сообщения: 16
Зарегистрирован: 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, пока мне не ясно как я буду своей программой забирать данные с контроллера, но я попробую.
Хочу всё знать, уметь и попробовать. Но плохая память и нет времени ))))

av
Капитан
Сообщения: 781
Зарегистрирован: 25.09.2017{, 13:25}
Репутация: 47
Имя: Алексей

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

#70

Сообщение av » 11.01.2020{, 20:00}

User8, подскажите можно ли текст сделать мигающим или вспыхивающим. Попробовал моргание тегом blink не работает. На просторах инета пишут, что этот код тега уже не работает. Или нужно добавлять стили в библиотеку ? Костылить переключателем с генератором как то не красиво получается.

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

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

#71

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

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

av
Капитан
Сообщения: 781
Зарегистрирован: 25.09.2017{, 13:25}
Репутация: 47
Имя: Алексей

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

#72

Сообщение av » 12.01.2020{, 11:37}

User8 писал(а):
12.01.2020{, 04:38}
av, самое простое в данном случае и занимающее меньше памяти - использовать генератор.
Увы использование генератора для моргания текста получается неприятным морганием не только текста но и формы в которой этот текст находится. Вернее форма не моргает а изменяет свой размер и это так раздражает так как и все остальные формы (кнопки, выключатели и т.д.)двигаются туда сюда.

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

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

#73

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

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

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

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

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

#74

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

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

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

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

#75

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

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

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

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

#76

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

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

av
Капитан
Сообщения: 781
Зарегистрирован: 25.09.2017{, 13:25}
Репутация: 47
Имя: Алексей

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

#77

Сообщение av » 15.01.2020{, 01:25}

User8, вы блок select не делали ? В библиотеке эта функция есть. На мой взгляд эта фишка в web интерфейсе будет востребована так как дает возможность выбора для настройки каких нибудь параметров в проектах.

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

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

#78

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

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

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

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

#79

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

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

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

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

#80

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

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

Ответить

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

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 3 гостя