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

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

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

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

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

Добавлено: 07.02.2020{, 17:46}
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).

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

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

Добавлено: 07.02.2020{, 23:07}
Iqubik
На версии 622 всё работает корректно. Спасибо!

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

Добавлено: 11.02.2020{, 23:03}
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.

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

Добавлено: 12.02.2020{, 21:02}
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'

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

Добавлено: 12.02.2020{, 22:30}
Rodgerask
//del

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

Добавлено: 12.02.2020{, 23:46}
aidar_i
fsergei70 писал(а):
16.08.2019{, 12:59}
С библиотекой WifiManager эти блоки работать будут?
Замените старые на измененные библиотеки, в проект вставьте просто ПБ WifiManager
WiFiManager.rar
(24.11 КБ) 267 скачиваний
ESPAsyncWebServer.rar
(261.87 КБ) 242 скачивания
ESPUI-2.0.0.rar
(512.76 КБ) 302 скачивания
Пример здесь.

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

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

Добавлено: 13.02.2020{, 00:48}
Rodgerask
//del

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

Добавлено: 13.02.2020{, 04:46}
User8
Senny64, библиотека json нужна 6 версии

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

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

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

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

Добавлено: 13.02.2020{, 13:06}
aidar_i
Удалил.

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

Добавлено: 13.02.2020{, 13:56}
tolochko
Всем привет
Есть идея создать кодовый замок чтобы набирать строку с телефона
а она сравнивалась со строкой пароля и открывала замок
Не получается удалить строку после открытия замка как ее затереть

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

Добавлено: 13.02.2020{, 17:20}
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
СпойлерПоказать
1502828211_cxema.jpg

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

Добавлено: 13.02.2020{, 18:25}
Phazz
aidar_i, flprog падает при открытии проекта

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

Добавлено: 13.02.2020{, 18:26}
aidar_i
Последняя версия?

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

Добавлено: 13.02.2020{, 18:29}
Phazz
да

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

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

Добавлено: 13.02.2020{, 19:02}
hrach
Проекты с ESPUI созданные на FLProg 6.3.1 надо загружать через IDE 1.8.10 . Иначе не будет загружаться.

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

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

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

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

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

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

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

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

Добавлено: 14.02.2020{, 13:55}
aidar_i
Да.