Страница 5 из 21

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

Добавлено: 15.08.2019{, 21:00}
User8
Изображение

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

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

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

Main блок с внешними входами авторизации: viewtopic.php?p=83619#p83619
Остальные блоки: viewtopic.php?p=74571#p74571

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

Добавлено: 21.01.2020{, 12:05}
User8
VladimirS, порт 80 от ip есп проброшен в wan?

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

Добавлено: 21.01.2020{, 12:19}
VladimirS
Да, порт проброшен, ошибка именно на esp32

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

Добавлено: 21.01.2020{, 13:41}
User8
VladimirS, библиотека последняя используется? В первом посте недавно была обновлена, нужно закинуть новую в папку с библиотеками.

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

Добавлено: 21.01.2020{, 13:58}
VladimirS
User8, вечером проверю, но я её устанавливал через Arduino Ide версия 2.0.0

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

Добавлено: 25.01.2020{, 07:30}
Palmal269
Это UI работает и в качестве сервера

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

Добавлено: 25.01.2020{, 12:41}
hrach
User8, Уважаемый Евгений возможно ли сделать в блоке Main вход для установки пароля?

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

Добавлено: 25.01.2020{, 17:18}
User8
Palmal269, да.
hrach, а какой в этом смысл, через что менять?

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

Добавлено: 25.01.2020{, 21:05}
hrach
User8 писал(а):
25.01.2020{, 17:18}
hrach, а какой в этом смысл, через что менять?
Меняем через интерфейс ESPui. Записываем на еепром. Подаем на вход (если будет создан для пароля). А смысл в том что если будет несколько сот устройств и пользователь данного устройств захочет менять пароль.

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

Добавлено: 26.01.2020{, 00:39}
User8
hrach, на входе enableAuth нужна постоянная единица, чтобы включить авторизацию. Новые настройки начнут действовать после перезагрузки esp.

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

Добавлено: 26.01.2020{, 00:56}
hrach
User8 писал(а):
26.01.2020{, 00:39}
hrach, на входе enableAuth нужна единица, чтобы включить авторизацию. Новые настройки начнут действовать после перезагрузки esp.
Спасибо большое! Очень помогли.

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

Добавлено: 27.01.2020{, 20:01}
DeaDMazaY
Ребята подскажите решение проблемы! в первый раз работаю с FLProg, при тестовой проверки ( скаченным с форума примера) при компиляции в arduino IDE возникает ошибка (см. скрин) хотя если запустить из папки FLProg arduino IDE и прошить мой esp8266 (ESP-12E) любым скетчем, шьется нормально и все работает
https://ibb.co/5sh185p
скрин

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

Добавлено: 27.01.2020{, 21:10}
User8
DeaDMazaY, удалить все json библиотеки по путям, что указаны в конце, после чего скачать из первого поста библиотеки и закинуть в папку с библиотеками.

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

Добавлено: 27.01.2020{, 21:31}
uglerod
Всем добрый вечер. Начал эксперименты с esp8266. Загрузил тестовый проект в Node MCU V3. Всё отлично. Потом загрузил в Node MCU mini, тоже всё ОК! А вот этот "зверь" не хочет работать. Загружается без проблем, а вот коннектиться не хочет. На али брал как " NodeMCU V3 Lua WiFi модуль интеграции ESP8266 + Дополнительная память 32 м флэш-памяти, USB-serial CH340G. Где ошибаюсь? Подскажите.
esp8266.jpg

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

Добавлено: 27.01.2020{, 21:35}
User8
uglerod, эти esp глючные, так что либо сразу в помойку, либо на мелкие проекты, вот обсуждали: viewtopic.php?f=135&p=79807#p79807

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

Добавлено: 27.01.2020{, 21:39}
uglerod
Спасибо! Жаль что только про них узнал. Брал на пробу разные. Будем знать.

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

Добавлено: 28.01.2020{, 11:37}
DeaDMazaY
User8, сделал как вы и сказали, но при компиляции начали сыпаться другие ошибки скрин уже и переустанавливал FLProg и юзал portable версию, ошибки замучали (((

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

Добавлено: 28.01.2020{, 13:13}
User8
DeaDMazaY, нужна json библиотека 6 версии и выше, зайдите в библиотеки в arduino ide и посмотрите какая стоит.

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

Добавлено: 30.01.2020{, 17:18}
DeaDMazaY
User8, а есть возможность изменить цвет в интерфейсе ? т.е. не на самих кнопок и задний фон ? может где-то в самой библиотеке можно

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

Добавлено: 07.02.2020{, 13:51}
ProVinciall
User8, Прикольная штука. Вот бы еще виджет graph прикрутить :smile9:

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

Добавлено: 07.02.2020{, 13:55}
User8
ProVinciall, от него мало пользы. он не сохраняет данные на esp, всегда при загрузки страницы на графике не будет ничего, пока не начнут поступать новые данные.