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

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

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

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

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

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

#141

Сообщение aidar_i » 16.02.2020{, 21:38}

Vasiliy писал(а):
16.02.2020{, 11:51}
Если удалить из C:\Program Files (x86)\FLProg\ideV5\portable\sketchbook\libraries
папки ESPUi и Arduino OTA все закрутиться в IDE 1.8.11...))
Да, Вы правы, нужно удалить ОТА там, ESPUi у меня там не было. И пример запустил на 1.8.11.
Перезалил пример с измененным ПБ WiFiManager. Теперь должен запуститься у вас без проблем.

Iqubik
Сержант
Сообщения: 101
Зарегистрирован: 20.01.2020{, 06:10}
Репутация: 10
Откуда: Ставрополь
Имя: Николай

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

#142

Сообщение Iqubik » 16.02.2020{, 23:39}

aidar_i писал(а):
16.02.2020{, 21:38}
Перезалил пример с измененным ПБ WiFiManager. Теперь должен запуститься у вас без проблем.
Подтверждаю. Есть регистрация в сети (captivePortal). OTA тоже кстати прикрутилась.

Баги:
1)В примере сброс настроек Wifi не работает. Может я не особо понял как он работает, потому сделал по своему. Приложение в конце.
2)После первой конфигурации wifi через captiveportal esp подключается к сети, но не поднимает ESPUI. После следующего reset уже и ESPUI работает. Может можно куда-то прописать внеочередной reset после сохранения настроек или handle для espui?

Ниже под спойлером версия с работающим сбросом и OTA.
СпойлерПоказать
ESPUI_WIFIMANAGER_OTA_b1.flp
(448.72 КБ) 84 скачивания
P.s. либы нужно из крайнего поста кинуть в ide/libraries а из portable/scetchbook удалить как минимум espui.
Последний раз редактировалось Iqubik 17.02.2020{, 10:11}, всего редактировалось 1 раз.

SanSanICH
Рядовой
Сообщения: 16
Зарегистрирован: 26.11.2017{, 18:49}
Репутация: 1

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

#143

Сообщение SanSanICH » 17.02.2020{, 09:41}

aidar_i, воспользовался Вашими советами, но результат тот же...

С блоком от Iqubik проект скомпилировался, прошился. Но проверить подсоединение к локальной сети сейчас, к сожалению, нет, вечером только.

Не придираюсь, просто наблюдение: если подключившись к точке доступа попытаться ввести ее ip-адрес в браузере, то перейти на страницу настройки у меня не вышло.

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

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

#144

Сообщение aidar_i » 17.02.2020{, 10:20}

Iqubik писал(а):
16.02.2020{, 23:39}
Баги:
1)В примере сброс настроек Wifi не работает. Может я не особо понял как он работает, потому сделал по своему. Приложение в конце.
2)После первой конфигурации wifi через captiveportal esp подключается к сети, но не поднимает ESPUI. После следующего reset уже и ESPUI работает. Может можно куда-то прописать внеочередной reset после сохранения настроек или handle для espui?
1) В последнем блоке WiFiManager пока не будут работать сброс настроек и установка своих адресов. Ваш вариант сброса настроек Wifi тоже интересен.
2) Должен работать, проверю. Как только вписываете и сохраняете свои имя сети и пароль точка доступа сама отключается (нужно немного подождать) и есп подключается к сети (Вай фай компа должна быть настроена на автоматическое подключение). Об этом сигнализирует штатный светодиод есп (горит постоянно).
SanSanICH писал(а):
17.02.2020{, 09:41}
если подключившись к точке доступа попытаться ввести ее ip-адрес в браузере, то перейти на страницу настройки у меня не вышло.
Точку доступа не нужно вводить, браузер откроется автоматически.
Вы пробовали с последним примером отсюда?
Последний раз редактировалось aidar_i 17.02.2020{, 11:10}, всего редактировалось 1 раз.

SanSanICH
Рядовой
Сообщения: 16
Зарегистрирован: 26.11.2017{, 18:49}
Репутация: 1

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

#145

Сообщение SanSanICH » 17.02.2020{, 10:40}

aidar_i, прошил примером viewtopic.php?p=85074#p85074 от Iqubik, автоматически появляется окно с настройкой, это правда. Тут вопросов нет, все отлично.

Дело стечения обстоятельств: я настраиваю сеть на Wemos-e через смартфон, и в правой нижней четверти экрана с боку у меня не работает тачскрин и ввести некоторые буквы пароля не получается.
Окно настройки, появляющееся автоматически, не переворачивается в горизонтальную ориентацию, поэтому приходится заходить через хром или мозиллу, вводить айпи адрес точки доступа, к которой подключен телефон, переворачивать экран и вводить пароль. :D Такая вот запутанная история. :smile37:

Но это к основной работе блока не имеет отношения, и именно потому, что это, вроде как, прихоть такая с моей стороны, что бы можно было заходить в настройки через другой браузер, я и написал что это просто наблюдение и ни в коем случае не претензия или что-то подобное. :smile44:

Iqubik
Сержант
Сообщения: 101
Зарегистрирован: 20.01.2020{, 06:10}
Репутация: 10
Откуда: Ставрополь
Имя: Николай

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

#146

Сообщение Iqubik » 18.02.2020{, 14:27}

Текущая реализация работает но не идеальна. Думаю что wm после получения данных от пользователя и коннекта в режиме клиента просто тушит webserver потому и espui при первом старте не поднимается. Конечно внеочередной резет решает проблему и делает решение костыльно рабочим, но хочется всё таки чтобы после коннекта не нужно было физически искать reset. Буду копать ещё, но пока мне не хватает знаний на это и только неэффективный метод научного тыка с элементами разума

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

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

#147

Сообщение aidar_i » 18.02.2020{, 15:11}

Это проблема дб в ESPUI , с WFM другие программы работали правильно. Хотелось бы посмотреть исходники по которым делались ПБ ESPUI.

o615ye161
Рядовой
Сообщения: 81
Зарегистрирован: 19.12.2019{, 14:47}
Репутация: 2
Имя: Сергей

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

#148

Сообщение o615ye161 » 18.02.2020{, 17:55}

Почему при включённом клиенте при запуске ESPUI страница чаще не загружается и связь с ESP отваливается, в чем может быть проблема

Sirius
Рядовой
Сообщения: 3
Зарегистрирован: 18.02.2020{, 13:08}
Репутация: 0
Имя: Karen

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

#149

Сообщение Sirius » 18.02.2020{, 20:28}

Добрый день, :smile38: можно реализовать в один из блоков ESPUI обновление прошивки с бинарника прям как на роутерах прошивка, просто OTA работает не всегда, ещё попробовал именно main 1.2 жалуется на size там где параметр обновления без все good с ними нет. Пожалуйста добавьте один блок для обновы очень нужен спасибо за ваши труды ESPUI открывает новые возможности :smile38: :smile38: :yes:

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

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

#150

Сообщение Phazz » 18.02.2020{, 21:00}

Может это подойдёт?
viewtopic.php?t=5429

Iqubik
Сержант
Сообщения: 101
Зарегистрирован: 20.01.2020{, 06:10}
Репутация: 10
Откуда: Ставрополь
Имя: Николай

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

#151

Сообщение Iqubik » 19.02.2020{, 00:26}

Довольно сложно было установить все нужные модули питона чтобы скрипт обновления ресурсов /tools/rebuild.py (css,js,html) отрабатывал сжатие, но получилось. В итоге слегка поправил положения и позиции блоков. Приложил уже исправленный /data. Cкриншоты, чтобы было понятно какие такие правки и зачем так же под спойлером.
СпойлерПоказать
Снимок экрана (48).png
data.zip
(38.73 КБ) 43 скачивания
UPD. Добавлен скрин результатов изменения css
Последний раз редактировалось Iqubik 19.02.2020{, 16:38}, всего редактировалось 4 раза.

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

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

#152

Сообщение User8 » 19.02.2020{, 08:37}

Sirius, нужно удалить старые библиотеки и установить, что в первом посте, тогда не будет жаловаться на size при компиляции.

Sirius
Рядовой
Сообщения: 3
Зарегистрирован: 18.02.2020{, 13:08}
Репутация: 0
Имя: Karen

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

#153

Сообщение Sirius » 19.02.2020{, 09:01}

User8 писал(а):
19.02.2020{, 08:37}
Sirius, нужно удалить старые библиотеки и установить, что в первом посте, тогда не будет жаловаться на size при компиляции.
удалял, ставил с архива тоже самое

Отправлено спустя 2 минуты 56 секунд:
Phazz писал(а):
18.02.2020{, 21:00}
Может это подойдёт?
viewtopic.php?t=5429
Спасибо, я вчера это нашёл и попробовал вместе с веб интерфейсом ESPUI не компилируется

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

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

#154

Сообщение aidar_i » 20.02.2020{, 07:17}

Перезалил пример с измененным ПБ WiFiManager. В параметрах блока можно выбрать адреса точки доступа и клиента. Сброс настроек делайте как предложил здесь:
Iqubik писал(а):
16.02.2020{, 23:39}
В примере сброс настроек Wifi не работает. Может я не особо понял как он работает, потому сделал по своему. Приложение в конце.

Аватара пользователя
fsergei70
Лейтенант
Сообщения: 671
Зарегистрирован: 17.11.2015{, 20:36}
Репутация: 48
Откуда: Ессентуки-Кисловодск
Имя: Сергей

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

#155

Сообщение fsergei70 » 02.03.2020{, 15:19}

User8, Судя по описанию на GitHube https://github.com/s00500/ESPUI
ESPUI можно строить графики, как добавить эту возможность в Flprog ?

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

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

#156

Сообщение User8 » 02.03.2020{, 15:23}


Iqubik
Сержант
Сообщения: 101
Зарегистрирован: 20.01.2020{, 06:10}
Репутация: 10
Откуда: Ставрополь
Имя: Николай

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

#157

Сообщение Iqubik » 05.03.2020{, 06:25}

В сообщении viewtopic.php?p=85074#p85074 был дан пример совместной работы ESPUI WIFIMANAGER и OTA, но
Iqubik писал(а):
18.02.2020{, 14:27}
Текущая реализация работает но не идеальна. Есть баг.
Сразу после настройки точки доступа espUI не поднимается и нужен ещё один принудительный резёт для его корректной работы. Поковырял и нашёл как костыльно поправить такое подлое поведение.
СпойлерПоказать
ideV4\libraries\WiFiManager\WiFiManager.cpp 253 строка добавить:
DEBUG_WM(F("Manual restart to espUI work"));
ESP.restart();
Снимок экрана (61).png
WiFiManager.cpp
(22.44 КБ) 35 скачиваний
P.S Комрады, а насколько вообще корректно править библиотеки? Я как то думал, что править их следует как бы переопределяя функциями из кода скетча, но как это делается? Как же править либы без внесения правок непосредственно в либы?

Отправлено спустя 11 часов 12 минут 27 секунд:
fsergei70 писал(а):
02.03.2020{, 15:19}
User8, Судя по описанию на GitHube https://github.com/s00500/ESPUI
ESPUI можно строить графики, как добавить эту возможность в Flprog ?
Я бы тоже проголосовал за добавление графиков. И на гитхабе написано что они умеют сохранять значения, eeprom или локальное хранище браузера.

Аватара пользователя
Pratak
Сержант
Сообщения: 185
Зарегистрирован: 08.02.2016{, 20:21}
Репутация: 6
Откуда: Севастополь
Контактная информация:

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

#158

Сообщение Pratak » 05.03.2020{, 22:01}

У меня что то не заводится WIFIManager
Пробовал примеры из этих постов: viewtopic.php?p=84763#p84763 и viewtopic.php?p=84681#p84681
Бибки тоже менял, компилируется без ошибок. К точке подключается но страница не открывается. Заливаю пример с обычными блоками из первого поста, все работает.
FLProg 6.3.1, доска Nodemcu v3.
Нет подписи.

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

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

#159

Сообщение aidar_i » 06.03.2020{, 15:00}

Попробуйте удалить из настроек wifi компа сохранённую ранее ТД есп8266. И при прошивке в плате Arduino ide ставьте,: скетч+ настройки wifi.

Аватара пользователя
Pratak
Сержант
Сообщения: 185
Зарегистрирован: 08.02.2016{, 20:21}
Репутация: 6
Откуда: Севастополь
Контактная информация:

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

#160

Сообщение Pratak » 06.03.2020{, 19:07}

aidar_i писал(а):
06.03.2020{, 15:00}
Попробуйте удалить из настроек wifi компа сохранённую ранее ТД есп8266
Сори, а ТД это что?
Нет подписи.

Ответить

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