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

[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 МБ) 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

[hrach]

User8, В последний версии FLProg не загружается проект с ESPUI. Выдает такую ошибку

СпойлерПоказать

Arduino: 1.8.11 (Windows 7), Плата:"NodeMCU 0.9 (ESP-12 Module), 80 MHz, Flash, Disabled (new can abort), All SSL ciphers (most compatible), 4MB (FS:none OTA:~1019KB), v2 Lower Memory, Disabled, None, Only Sketch, 115200"

In file included from e:\FLProg\FLProg 6.3.1\PortableFLProg_6-3-1_Win64\ideV5\libraries\ESPUI-2.0.0\src\ESPUI.h:21:0,

from e:\FLProg\FLProg 6.3.1\PortableFLProg_6-3-1_Win64\ideV5\libraries\ESPUI-2.0.0\src\ESPUI.cpp:1:

e:\FLProg\FLProg 6.3.1\PortableFLProg_6-3-1_Win64\ideV5\portable\sketchbook\libraries\ArduinoOTA\src/ArduinoOTA.h:116:22: error: 'WiFiServer' was not declared in this scope

ArduinoOTAMdnsClass <WiFiServer, WiFiClient, WiFiUDP> ArduinoOTA;

^

e:\FLProg\FLProg 6.3.1\PortableFLProg_6-3-1_Win64\ideV5\portable\sketchbook\libraries\ArduinoOTA\src/ArduinoOTA.h:116:34: error: 'WiFiClient' was not declared in this scope

ArduinoOTAMdnsClass <WiFiServer, WiFiClient, WiFiUDP> ArduinoOTA;

^

e:\FLProg\FLProg 6.3.1\PortableFLProg_6-3-1_Win64\ideV5\portable\sketchbook\libraries\ArduinoOTA\src/ArduinoOTA.h:116:53: error: template argument 1 is invalid

ArduinoOTAMdnsClass <WiFiServer, WiFiClient, WiFiUDP> ArduinoOTA;

^

e:\FLProg\FLProg 6.3.1\PortableFLProg_6-3-1_Win64\ideV5\portable\sketchbook\libraries\ArduinoOTA\src/ArduinoOTA.h:116:53: error: template argument 2 is invalid

e:\FLProg\FLProg 6.3.1\PortableFLProg_6-3-1_Win64\ideV5\portable\sketchbook\libraries\ArduinoOTA\src/ArduinoOTA.h:116:65: error: invalid type in declaration before ';' token

ArduinoOTAMdnsClass <WiFiServer, WiFiClient, WiFiUDP> ArduinoOTA;

^

Несколько библиотек найдено для "ArduinoJson.h"
Используется: e:\FLProg\FLProg
Не используется: e:\FLProg\FLProg
Несколько библиотек найдено для "ArduinoOTA.h"
Используется: e:\FLProg\FLProg
Не используется: e:\FLProg\FLProg
Не используется: E:\FLProg\FLProg
exit status 1
Ошибка компиляции для платы NodeMCU 0.9 (ESP-12 Module).

Этот отчёт будет иметь больше информации с
включенной опцией Файл -> Настройки ->
"Показать подробный вывод во время компиляции"

В чем может бит проблема?

[Iqubik]

На версии 622 всё работает корректно. Спасибо!

[Iqubik]

Что за чудесный модуль!
Когда посмотрел, что на борту Flprog есть генератор веб сервера - думаю, вот крутяк, сначала сделаю всё базовое, а потом прикручу к этому всему управление по wifi. Но оно не совсем так оказалось. Увы, но встроенный web сервер не обеспечивает понятный шлюз между блок-кодом и web управлением.

В ESPUI web интерфейс построен на асинхронном tcp-ip, что даёт возможность выводить на вэб страницу даже содержимое дисплея 1602 в реальном +- времени. И вот уже модуль становится wi-fi отладчиком для вашей программы. Переключатели wifi переключают пины. Слайдеры управляют скоростями, задержками. Переменные можно вводить через строки, через web интерфейс (считай зачаток консоли для твоей программы) и т.д. Даже есть где-то модуль Graph для визуализации например измерений вольтметра/амперметра.

Круто товарищи! Просто скопировал содержимое примера в свой проект.
Плата к плате и после допила под себя (в т.ч. css,js, https://github.com/s00500/ESPUI/blob/master/README.md , https://jsfiddle.net/s00500/yvLbhuuv/ ) получил чудо какую крутую штуку для дебага и управления по wifi.

[Senny64]

Помогите пожалуйста. В чем может быть проблема?


C:\Users\Мастер\AppData\Local\Temp\flprog\pr3\pr3.ino: In function 'void setup()':

pr3:57:8: error: 'class ESPUIClass' has no member named 'jsonUpdateDocumentSize'

pr3:58:8: error: 'class ESPUIClass' has no member named 'jsonInitialDocumentSize'

exit status 1
'class ESPUIClass' has no member named 'jsonUpdateDocumentSize'

[Rodgerask]

//del

[aidar_i]

С библиотекой WifiManager эти блоки работать будут?

Замените старые на измененные библиотеки, в проект вставьте просто ПБ WifiManager

WiFiManager.rar

(24.11 КБ) 267 скачиваний

ESPAsyncWebServer.rar

(261.87 КБ) 242 скачивания

ESPUI-2.0.0.rar

(512.76 КБ) 302 скачивания

Пример здесь.

Заменить нужно все указанные здесь библиотеки (их три), иначе ошибка компиляции.

[Rodgerask]

//del

[User8]

Senny64, библиотека json нужна 6 версии

[DeaDMazaY]

Ребята подскажите плиз, второй день мучаюсь с этими блоками ! не могу прикрутить EEPROM. схема включение по таймеру нагрузки на одном пину с помощью "тумблера" и работает вроде нормально, но после перезагрузки контроллера все забывается и на пине 0

P.S. я ни разу ни программист

[aidar_i]

Удалил.

[tolochko]

Всем привет
Есть идея создать кодовый замок чтобы набирать строку с телефона
а она сравнивалась со строкой пароля и открывала замок
Не получается удалить строку после открытия замка как ее затереть

[aidar_i]

WIFIManager работает с ESPUI!
Испытал на этом примере.

ESPUI WIFIMANAGER_5.flp

(1023.38 КБ) 315 скачиваний

Прежние примеры удалите.

Библиотеки измененные ЗДЕСЬ!

Испытывал в FLProg 6.3.1, внешний Arduino Ide 1.8.10, плата 2.6.3, модуль Nodemcu 0.9.

Видео.

Подключение МАХ7219

СпойлерПоказать

[Phazz]

aidar_i, flprog падает при открытии проекта

[aidar_i]

Последняя версия?

[Phazz]

да

Отправлено спустя 3 минуты 3 секунды:
Оказывается проблема у меня (((

[hrach]

Проекты с ESPUI созданные на FLProg 6.3.1 надо загружать через IDE 1.8.10 . Иначе не будет загружаться.

[Andrejka]

Добрый день. Есть ли возможность обойтись без внешнего роутера, включив собственную точку доступа в node mcu?

[o615ye161]

Здравствуйте, есть огромная проблема при работе веб интерфейса, если одновременно включить клиент и точку доступа, то веб интерфейс либо не загружает либо вылетает постоянно и сам WiFi отваливается, если только точка доступа тогда интерфейс работает, помогите решить проблему, основная программа на Kaskada Cloud, а веб интерфейс использую для смены пароля и имя сети клиента я про интерфейс ESPUI и также вылетает со стандартным интерфейсом в FLprog?????? подскажите что можно сделать или это глюки самой Flprog или библиотек ESP8266???????????????????????????????

[hqvideo]

Добрый день.
Так же столкнулся с проблемой web-интерфейса.
При настройке Wi-Fi модуля ESP8266 в Flprog в качестве клиента - постоянно теряет связь.
Если настроить как точку доступа - всё ок.
Где искать проблему?

И еще заметил, что скорость отклика на команду передаваемую с web-интерфейса настроенного как клиент "заторможенная".

[aidar_i]

Да.