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

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

Управление, ввод и вывод информации

Пользовательские блоки для коммкникации и связи GSM, GPRS, IR, Bluetooth и другие
Правила форума
Рекомендации по размещению блоков:
Автор блока создает подробное описание блока, отличие от подобных(если есть на данный момент).Сложные блоки очень желательно с примерами.
При выходе новых версий редактирует/дополняет свой первый пост с указанием даты, версии, причины.
В каждой теме обсуждается только выложенный автором блок - баги, возможность (или предложение) доработки и прочие хотелки.
Свои блоки, переработанные, с другими библиотеками, протоколами и т.д.- размещаем либо сами отдельно, либо обсуждаем и дорабатываем в форуме Разработка блоков.
Пользователи улучшив блок автора и проверив его работоспособность - могут обратиться к автору или модераторам с просьбой добавить их версию блока в первое сообщение темы.
User8
Лейтенант
Сообщения: 337
Зарегистрирован: 12.06.2017{, 14:44}
Репутация: 86
Имя: Евгений

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

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

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

DeaDMazaY
Рядовой
Сообщения: 9
Зарегистрирован: 27.01.2020{, 19:44}
Репутация: 0
Имя: Юрий

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

#101

Сообщение DeaDMazaY » 30.01.2020{, 17:18}

User8, а есть возможность изменить цвет в интерфейсе ? т.е. не на самих кнопок и задний фон ? может где-то в самой библиотеке можно

ProVinciall
Рядовой
Сообщения: 2
Зарегистрирован: 21.01.2017{, 16:53}
Репутация: 0
Откуда: МосОбл

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

#102

Сообщение ProVinciall » 07.02.2020{, 13:51}

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

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

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

#103

Сообщение User8 » 07.02.2020{, 13:55}

ProVinciall, от него мало пользы. он не сохраняет данные на esp, всегда при загрузки страницы на графике не будет ничего, пока не начнут поступать новые данные.

Аватара пользователя
hrach
Сержант
Сообщения: 242
Зарегистрирован: 17.09.2015{, 11:05}
Репутация: 9
Откуда: Самара
Имя: Грачик
Контактная информация:

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

#104

Сообщение hrach » 07.02.2020{, 17:46}

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
Сержант
Сообщения: 101
Зарегистрирован: 20.01.2020{, 06:10}
Репутация: 9
Откуда: Ставрополь
Имя: Николай

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

#105

Сообщение Iqubik » 07.02.2020{, 23:07}

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

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

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

#106

Сообщение Iqubik » 11.02.2020{, 23:03}

Что за чудесный модуль!
Когда посмотрел, что на борту 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
Рядовой
Сообщения: 6
Зарегистрирован: 21.10.2018{, 04:14}
Репутация: 0
Имя: Сергей

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

#107

Сообщение Senny64 » 12.02.2020{, 21:02}

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


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
Сержант
Сообщения: 141
Зарегистрирован: 09.12.2019{, 14:31}
Репутация: 18
Имя: del

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

#108

Сообщение Rodgerask » 12.02.2020{, 22:30}

//del

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

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

#109

Сообщение aidar_i » 12.02.2020{, 23:46}

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

Заменить нужно все указанные здесь библиотеки (их три), иначе ошибка компиляции.
Последний раз редактировалось aidar_i 16.02.2020{, 08:15}, всего редактировалось 15 раз.

Rodgerask
Сержант
Сообщения: 141
Зарегистрирован: 09.12.2019{, 14:31}
Репутация: 18
Имя: del

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

#110

Сообщение Rodgerask » 13.02.2020{, 00:48}

//del

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

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

#111

Сообщение User8 » 13.02.2020{, 04:46}

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

DeaDMazaY
Рядовой
Сообщения: 9
Зарегистрирован: 27.01.2020{, 19:44}
Репутация: 0
Имя: Юрий

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

#112

Сообщение DeaDMazaY » 13.02.2020{, 10:21}

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

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

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

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

#113

Сообщение aidar_i » 13.02.2020{, 13:06}

Удалил.
Последний раз редактировалось aidar_i 13.02.2020{, 17:21}, всего редактировалось 1 раз.

tolochko
Сержант
Сообщения: 106
Зарегистрирован: 30.11.2016{, 16:58}
Репутация: 0
Откуда: Днепропетровск

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

#114

Сообщение tolochko » 13.02.2020{, 13:56}

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

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

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

#115

Сообщение aidar_i » 13.02.2020{, 17:20}

WIFIManager работает с ESPUI!
Испытал на этом примере.
ESPUI WIFIMANAGER_5.flp
(1023.38 КБ) 131 скачивание
Прежние примеры удалите.

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

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

Видео.

Подключение МАХ7219
СпойлерПоказать
1502828211_cxema.jpg
Последний раз редактировалось aidar_i 05.03.2020{, 06:57}, всего редактировалось 5 раз.

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

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

#116

Сообщение Phazz » 13.02.2020{, 18:25}

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

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

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

#117

Сообщение aidar_i » 13.02.2020{, 18:26}

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

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

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

#118

Сообщение Phazz » 13.02.2020{, 18:29}

да

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

Аватара пользователя
hrach
Сержант
Сообщения: 242
Зарегистрирован: 17.09.2015{, 11:05}
Репутация: 9
Откуда: Самара
Имя: Грачик
Контактная информация:

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

#119

Сообщение hrach » 13.02.2020{, 19:02}

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

Andrejka
Рядовой
Сообщения: 24
Зарегистрирован: 13.12.2018{, 19:40}
Репутация: 1
Имя: Андрей

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

#120

Сообщение Andrejka » 14.02.2020{, 10:10}

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

Ответить

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