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

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

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

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

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

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

#261

Сообщение Naladchik » 23.07.2020{, 20:26}

JonyBest писал(а):
23.07.2020{, 18:06}
Я делал это для старых блоков.
Через неделю вернусь к цивилизации и посмотрю что я упустил.
Win7-64. FLProg Portable.
Изображение

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

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

#262

Сообщение JonyBest » 23.07.2020{, 22:25}

Naladchik писал(а):
23.07.2020{, 20:39}
Через неделю вернусь к цивилизации и посмотрю что я упустил.
Спасибо! там бы еще разобраться, почему с новой версией ESPUI не работает. В обновлении пишут "Обновление файловой системы с устаревших SPIFFS на LittleFS
"

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

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

#263

Сообщение JonyBest » 27.07.2020{, 19:28}

Naladchik писал(а):
23.07.2020{, 20:39}
Через неделю вернусь к цивилизации и посмотрю что я упустил.
Обнаружена серьезная для меня проблема использования ваших блоков. Происходит конфликт с блоком WebUpdate_ESP32_with_autorization - ошибка компиляции. С блоками от User8 такой проблемы нет. Надеюсь что проблемы временные, а пока откатился на старые блоки...
up2.PNG

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

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

#264

Сообщение Naladchik » 27.07.2020{, 20:35}

JonyBest писал(а):
27.07.2020{, 19:28}
Происходит конфликт с блоком
Ну так я бы очень удивился если бы он в данном случае не происходил. Вы взяли мой проект, в котором прописан контроллер ESP8266 и впихнули в него блок, заточенный под ESP32. Результат предсказуем.
Win7-64. FLProg Portable.
Изображение

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

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

#265

Сообщение JonyBest » 27.07.2020{, 23:12}

Naladchik писал(а):
27.07.2020{, 20:35}
Ну так я бы очень удивился если бы он в данном случае не происходил. Вы взяли мой проект, в котором прописан контроллер ESP8266 и впихнули в него блок, заточенный под ESP32. Результат предсказуем.
Контроллер в вашем проекте поменял на есп32. Так же не работает мой проект, изначально на есп32, в связке ваши блоки и WebUpdate_ESP32, удаляем WebUpdate_ESP32 - проект компилируется без ошибок. Со старыми блоками мой проект работает без проблем. Версия 7.0.3
Но ваши блоки более удобные и функциональные :)

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

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

#266

Сообщение Naladchik » 28.07.2020{, 03:48}

JonyBest писал(а):
27.07.2020{, 23:12}
Так же не работает мой проект
Создал болванку проекта, все компилируется.
СпойлерПоказать
2.jpg
1.jpg
JonyBest писал(а):
27.07.2020{, 23:12}
удаляем WebUpdate_ESP32 - проект компилируется без ошибок
Ключевая фраза! Где то конфликт библиотек.

Ну а то, что Ваш проект с исходными блоками от User8 компилируется а с моими нет - так это ерунда полная, так как никаких доп. библиотек я в своих блоках не подключаю и код почти одинаковый.
И вообще, без приложенного проекта что мы обсуждаем??? Будет проект можно и поразбираться, а по картинкам гадать - это к гадалкам!

Отправлено спустя 1 час 47 минут 12 секунд:
В той IDE, которая идет вместе с FLProg, имеются лишние и дублирующиеся библиотеки и куча проблем с компиляцией из за этого.
Самый яркий пример это ArduinoOTA, две совершенно разные библиотеки и с с одинаковыми названиями, пока не выкосишь ненужную (в 2-х местах) - не скомпилируешь.
Пока проверял Вашу проблему нашел такой же случай, библиотека WiFi. Одна из них лежит в корне IDE и предназначена для WiFi-шилдов
"sentence=Enables network connection (local and Internet) using the Arduino WiFi shield."
Т.е. в большинстве случаях абсолютно не нужная, а вот нужная для ESP32 лежит в "...ideV5\portable\packages\esp32\hardware\esp32\1.0.4\libraries\WiFi", но при компиляции IDE сначала обращается к той, что лежит в корне, не может скомпилировать и выдает ошибку.
Вот в этом направлении и надо искать!
Win7-64. FLProg Portable.
Изображение

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

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

#267

Сообщение Naladchik » 30.07.2020{, 18:49}

JonyBest писал(а):
23.07.2020{, 18:06}
для блоков Slide и InputNumber не приделали вход для изменения значения
Обновил версию мультиблока ESPUI до 1.3
ESPUI_1.3_(Code).zip
(1.42 МБ) 196 скачиваний
wemos_test_ESPUI_1.3.zip
(1.46 МБ) 170 скачиваний
UPD:
1. На тех блоках, где не было входа для изменения значения и можно было его добавить - добавил.
2. Начальные значения у всех блоков с входов убрал в параметры. По моему мнению статичные данные - это параметры, динамичные - входы блока.
3. По поводу "...почему с новой версией ESPUI не работает..." не работает потому, что частично позаменяли обращения к файловой системе SPIFFS на LittleFS, но при этом замены проведены не полностью, в итоге, часть обращений старых, часть измененных. При этом подключить библиотеку новой файловой системы вообще забыли. Короче, библиотеку с гитхаба качать нельзя, делали, недоделали, бросили и даже версию не поменяли!!!!!!
Для работоспособности мультиблока библиотеки, с которыми тестировалась его работа, включил в него.
4. Блок Слайдер слегка кривой, похоже криво реализован в самой библиотеке. Суть кривизны - при подаче значения на вход он это значение принимает, на выход передает но не отображает!!! Такая же ерундень наблюдается при активации его параметра "sliderContinuous".
Win7-64. FLProg Portable.
Изображение

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

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

#268

Сообщение JonyBest » 31.07.2020{, 23:06}

Naladchik писал(а):
30.07.2020{, 18:49}
UPD:
1. На тех блоках, где не было входа для изменения значения и можно было его добавить - добавил.
Отлично получилось!!!! Большое спасибо!
Но радость омрачает моя проблема. Методом проб и исключения было выяснено следующее:
Если собирать проект с нуля, то всё отлично работает с блоком WebUpdate_ESP32
Но если добавить блок MQTT_ESP32_Main_6_8 то приводит к ошибке
mq.JPG
Вот файл проекта
32_ESPUI_1.3.rar
(1.29 МБ) 48 скачиваний
Если собираем проект со старыми блоками то всё компилируется норм
mq_old.JPG
Вот файл проекта
32_ESPUI_1.3_old.rar
(1.15 МБ) 53 скачивания
Посмотрите свежим взглядом. Уж больно хочется перейти на Ваши блоки...

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

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

#269

Сообщение Naladchik » 01.08.2020{, 04:43}

JonyBest писал(а):
31.07.2020{, 23:06}
Посмотрите свежим взглядом. Уж больно хочется перейти на Ваши блоки...
Из того, что увидел - проблема в очередности декларирования библиотек. В чем конкретно причина - да кто ж его знает.
Перед компиляцией перенесите строчку, как указано на картинке.
СпойлерПоказать
1.png
Ну и на опережение, в моем блоке поправить ничего не удастся, так как в нем уже указано, что данная строчка должна быть последней и почему она встает в середине - это уже старый редактор блоков прикалывается.
Если все, используемые в проекте, блоки перевести в новый редактор, то может и удалось бы поправить ситуацию, а пока так, ручками поправлять.
Win7-64. FLProg Portable.
Изображение

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

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

#270

Сообщение JonyBest » 01.08.2020{, 09:04}

Спасибо! Вроде бы помогло. Сейчас на большом проекте пробовать буду...

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

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

#271

Сообщение JonyBest » 03.08.2020{, 20:06}

П
Naladchik писал(а):
01.08.2020{, 04:43}
Ну и на опережение, в моем блоке поправить ничего не удастся, так как в нем уже указано, что данная строчка должна быть последней и почему она встает в середине - это уже старый редактор блоков прикалывается.
Всё четко, спасибо! Перевел несколько своих проектов на новые блоки. Пользуясь подсказкой выше, всё заработало.

maugli87
Рядовой
Сообщения: 5
Зарегистрирован: 04.05.2020{, 09:23}
Репутация: 0
Имя: Денис

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

#272

Сообщение maugli87 » 02.09.2020{, 18:15}

Iqubik писал(а):
06.05.2020{, 11:24}
maugli87 писал(а):
06.05.2020{, 10:40}

Стпанно. Вроде читал все. А можно скрин того как все получилось?

Отправлено спустя 6 минут 29 секунд:


Нашел пост. Вы делали изменение только для элемента button?
Нет, изменил немного логику row чтобы колонки в 2 ряда строго друг под другом были и каждый тип кнопок подтянул к единому размеру, убрал скругления рамок.
Но победить лёгкую глюгавость при большом количестве блоком даже вкладки не всегда способны.
Позволю вернуться к вопросу. А без питона не обойтись? что делает скрипт? Простое редактирование файлов js/css не даст результата?

aidar_i
Полковник
Сообщения: 1770
Зарегистрирован: 24.12.2016{, 16:55}
Репутация: 219
Откуда: Уфа
Имя: Айдар
Контактная информация:

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

#273

Сообщение aidar_i » 02.09.2020{, 18:42}

Naladchik писал(а):
01.08.2020{, 04:43}
Из того, что увидел - проблема в очередности декларирования библиотек.
Попробуйте библиотеки в блоке написать в одной строке через пробел, подряд. Тогда они должны быть по порядку.
Я вот думаю нужно создать тему по старому редактору. И там писать , как выкручиваться в аналогичных случаях.
Сам несколько раз так писал некоторые коды, в Ардуино иде добавлялись как надо

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

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

#274

Сообщение Naladchik » 03.09.2020{, 03:59}

aidar_i писал(а):
02.09.2020{, 18:42}
Попробуйте библиотеки в блоке написать в одной строке через пробел, подряд.
Идея интересная, спасибо, учту.
Win7-64. FLProg Portable.
Изображение

Аватара пользователя
karen
Рядовой
Сообщения: 4
Зарегистрирован: 15.01.2016{, 22:45}
Репутация: 0
Откуда: MooN
Имя: Karen
Контактная информация:

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

#275

Сообщение karen » 20.09.2020{, 20:48}

Всем привет :smile38:

Отправлено спустя 2 минуты 25 секунд:
друзья, все мы знакомы с ESPUI так вот я немного изменил стили css и изменил блоки. 😉


Изображение
И так в архиве попытался объяснить установку она не сложная 😉 так же в архиве есть библиотеки 2.0.0 (стабильная) 2.0.1 (новая от разработчика)
Обе версии на момент добавления работают.
Тест проводился на flp 7.1.0
На плате esp8266 01s.

Спасибо автору блоков espui "user8"
Связь со мной t.me/Karens4
Вложения
ESPUI-2.0.0_2.0.1NEON.zip
(1.29 МБ) 95 скачиваний
Screenshot_20200920_185418_com.android.chrome.jpg
karens4

Аватара пользователя
karen
Рядовой
Сообщения: 4
Зарегистрирован: 15.01.2016{, 22:45}
Репутация: 0
Откуда: MooN
Имя: Karen
Контактная информация:

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

#276

Сообщение karen » 21.09.2020{, 16:48}

:smile390: друзья :smile37: привет, позже заметил что есть еще стабильней и прокачанный блок версии 1.3 :smile225: так вот решил доделать под этот блок :smile38: и вот что вышло :smile225:
p.s спасибо авторам блоков которые все еще копают их, :smile9:
Вложения
ESPUI-2.0.1_NEON_1.3.zip
(3.69 МБ) 143 скачивания
photo_2020-09-21_16-33-38.jpg
photo_2020-09-21_16-33-53.jpg
photo_2020-09-21_16-33-22.jpg
karens4

Lukum
Рядовой
Сообщения: 48
Зарегистрирован: 06.11.2018{, 18:46}
Репутация: 0
Имя: Алексей

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

#277

Сообщение Lukum » 21.09.2020{, 19:37}

dekorator писал(а):
06.05.2020{, 14:09}
У меня получилось. Flprog-6.3.1 portable, версия arduinio ide- 1.8.10 из папки Flprog-6.2.2 potable, библиотеки использовал те, которые нужны были для совместной работы с блоком -Fi Fi manager - (не дают критичных конфликтов). Блок WebUpdate v1.0, брал здесь на форуме.
Не получается, а подробней можно?

Pelletizer
Рядовой
Сообщения: 61
Зарегистрирован: 12.09.2019{, 07:10}
Репутация: 3
Имя: Дмитрий

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

#278

Сообщение Pelletizer » 22.09.2020{, 02:24}

Ребята, не подскажите на какой именно порт нужно делать проброс чтобы интерфейс работал, пробовал разные, всегда not connected... Хотя есть напрямую то все ок.
Ситуация следующая, есп подключается к роутеру имеет адрес 192.168.1.2, на роутере в свою очередь стоит VPN клиент который в свою очередь подключается к серверу... Роутер имеет адрес допустим 10.66.66.6. Если с телефона подключится к vpn и ввести 10.66.66.6 соответственно попадаю на вебморду роутера, понятно, нужно делать проброс. Так же на есп присутствует блок обновления через web. Делаю проброс для блока обновления, все работает соответственно по адресу 10.66.66.6:8080 появляется морда обновления esp. Делаю по такому же принципу проброс для ESPUI на страницу заходит но всегда пишет not connected, я не силен в web, видимо ESP UI использует определенный порт, только вот какой... Или какие, кто нибудь сталкивался?

Lukum
Рядовой
Сообщения: 48
Зарегистрирован: 06.11.2018{, 18:46}
Репутация: 0
Имя: Алексей

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

#279

Сообщение Lukum » 22.09.2020{, 22:14}

Pelletizer писал(а):
22.09.2020{, 02:24}
Ребята, не подскажите на какой именно порт нужно делать проброс чтобы интерфейс работал, пробовал разные, всегда not connected... Хотя есть напрямую то все ок.
Ситуация следующая, есп подключается к роутеру имеет адрес 192.168.1.2, на роутере в свою очередь стоит VPN клиент который в свою очередь подключается к серверу... Роутер имеет адрес допустим 10.66.66.6. Если с телефона подключится к vpn и ввести 10.66.66.6 соответственно попадаю на вебморду роутера, понятно, нужно делать проброс. Так же на есп присутствует блок обновления через web. Делаю проброс для блока обновления, все работает соответственно по адресу 10.66.66.6:8080 появляется морда обновления esp. Делаю по такому же принципу проброс для ESPUI на страницу заходит но всегда пишет not connected, я не силен в web, видимо ESP UI использует определенный порт, только вот какой... Или какие, кто нибудь сталкивался?
В блоке обновление wed попробуй другой порт прописать 1010 У вас ESP8266 или 32?

Pelletizer
Рядовой
Сообщения: 61
Зарегистрирован: 12.09.2019{, 07:10}
Репутация: 3
Имя: Дмитрий

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

#280

Сообщение Pelletizer » 22.09.2020{, 23:30}

Lukum писал(а):
22.09.2020{, 22:14}
Pelletizer писал(а):
22.09.2020{, 02:24}
Ребята, не подскажите на какой именно порт нужно делать проброс чтобы интерфейс работал, пробовал разные, всегда not connected... Хотя есть напрямую то все ок.
Ситуация следующая, есп подключается к роутеру имеет адрес 192.168.1.2, на роутере в свою очередь стоит VPN клиент который в свою очередь подключается к серверу... Роутер имеет адрес допустим 10.66.66.6. Если с телефона подключится к vpn и ввести 10.66.66.6 соответственно попадаю на вебморду роутера, понятно, нужно делать проброс. Так же на есп присутствует блок обновления через web. Делаю проброс для блока обновления, все работает соответственно по адресу 10.66.66.6:8080 появляется морда обновления esp. Делаю по такому же принципу проброс для ESPUI на страницу заходит но всегда пишет not connected, я не силен в web, видимо ESP UI использует определенный порт, только вот какой... Или какие, кто нибудь сталкивался?
В блоке обновление wed попробуй другой порт прописать 1010 У вас ESP8266 или 32?
ESP32, хорошо попробую

Отправлено спустя 1 минуту 34 секунды:
Lukum, может esp ui на 433 порт попробовать перевести?

Ответить

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