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

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

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

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

stigmat
Рядовой
Сообщения: 12
Зарегистрирован: 14.05.2020{, 18:10}
Репутация: 0
Имя: Yurii

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

#241

Сообщение stigmat » 17.06.2020{, 09:32}

1. Обновил библиотеку через менеджер библиотек к 6.15.2
2. Удалил ArduinoOTA з d:\Program\FLProg\ideV5\portable\sketchbook\libraries\
3. Затем стало две библиотеки ArduinoJson, поэтому я удалил одну с портабл.

И теперь так

Arduino: 1.8.11 (Windows 10), Плата: "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 C:\Users\Юрій\AppData\Local\Temp\flprog\pr18\pr18.ino:3:0:

d:\Program\FLProg\ideV5\libraries\ESPUI-2.0.0\src/ESPUI.h:21:24: fatal error: ArduinoOTA.h: No such file or directory

#include <ArduinoOTA.h>

^

compilation terminated.

exit status 1

Не хватает библиотеки ArduinoOTA, попробую добавить.

Отправлено спустя 13 минут 16 секунд:
Если удалить из портабл ArduinoJson, то удаляется обновленная библиотека, поэтому я переместил ArduinoJson из portable в libraries. Но теперь снова такая же ошибка.

Пробовал так же библиотеки с первого поста копировать с заменой - тоже не помогло. Ранее было проще - скопировал библиотеки и все работало. А теперь такие танцы с бубном. Может сделать короткую инструкцию как что за чем добавлять / удалять? А то я тут не один такой ламер)

И спасибо за помощь!

Arduino: 1.8.11 (Windows 10), Плата: "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 d:\Program\FLProg\ideV5\libraries\ESPUI-2.0.0\src\ESPUI.h:21:0,

from d:\Program\FLProg\ideV5\libraries\ESPUI-2.0.0\src\ESPUI.cpp:1:

d:\Program\FLProg\ideV5\portable\sketchbook\libraries\ArduinoOTA\src/ArduinoOTA.h:116:22: error: 'WiFiServer' was not declared in this scope

ArduinoOTAMdnsClass <WiFiServer, WiFiClient, WiFiUDP> ArduinoOTA;

^

d:\Program\FLProg\ideV5\portable\sketchbook\libraries\ArduinoOTA\src/ArduinoOTA.h:116:34: error: 'WiFiClient' was not declared in this scope

ArduinoOTAMdnsClass <WiFiServer, WiFiClient, WiFiUDP> ArduinoOTA;

^

d:\Program\FLProg\ideV5\portable\sketchbook\libraries\ArduinoOTA\src/ArduinoOTA.h:116:53: error: template argument 1 is invalid

ArduinoOTAMdnsClass <WiFiServer, WiFiClient, WiFiUDP> ArduinoOTA;

^

d:\Program\FLProg\ideV5\portable\sketchbook\libraries\ArduinoOTA\src/ArduinoOTA.h:116:53: error: template argument 2 is invalid

d:\Program\FLProg\ideV5\portable\sketchbook\libraries\ArduinoOTA\src/ArduinoOTA.h:116:65: error: invalid type in declaration before ';' token

ArduinoOTAMdnsClass <WiFiServer, WiFiClient, WiFiUDP> ArduinoOTA;

^

exit status 1
Вложения
Записати.JPG

dsfbuy
Сержант
Сообщения: 137
Зарегистрирован: 03.11.2018{, 12:40}
Репутация: 16
Откуда: Братск
Имя: Виктор

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

#242

Сообщение dsfbuy » 17.06.2020{, 10:11}

Почему-то у меня библиотеку ОТА компилятор берет из "FLProg/ideV5/portable/packages/esp8266/hardware/esp8266/2.7.1/libraries/ArduinoOTA". Там стоит правильная библиотека для ESP. Посмотрите у себя есть-ли у вас такая библиотека.

stigmat
Рядовой
Сообщения: 12
Зарегистрирован: 14.05.2020{, 18:10}
Репутация: 0
Имя: Yurii

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

#243

Сообщение stigmat » 17.06.2020{, 13:55}

Переместил в ту папку где ЕСП, но это тоже не помогло. Может есть возможность залить на облако Arduino IDE?

Arduino: 1.8.11 (Windows 10), Плата: "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 d:\Program\FLProg\ideV5\libraries\ESPUI-2.0.0\src\ESPUI.h:21:0,

from d:\Program\FLProg\ideV5\libraries\ESPUI-2.0.0\src\ESPUI.cpp:1:

D:\Program\FLProg\ideV5\portable\packages\esp8266\hardware\esp8266\2.6.3\libraries\ArduinoOTA\src/ArduinoOTA.h:116:22: error: 'WiFiServer' was not declared in this scope

ArduinoOTAMdnsClass <WiFiServer, WiFiClient, WiFiUDP> ArduinoOTA;

^

D:\Program\FLProg\ideV5\portable\packages\esp8266\hardware\esp8266\2.6.3\libraries\ArduinoOTA\src/ArduinoOTA.h:116:34: error: 'WiFiClient' was not declared in this scope

ArduinoOTAMdnsClass <WiFiServer, WiFiClient, WiFiUDP> ArduinoOTA;

^

D:\Program\FLProg\ideV5\portable\packages\esp8266\hardware\esp8266\2.6.3\libraries\ArduinoOTA\src/ArduinoOTA.h:116:53: error: template argument 1 is invalid

ArduinoOTAMdnsClass <WiFiServer, WiFiClient, WiFiUDP> ArduinoOTA;

^

D:\Program\FLProg\ideV5\portable\packages\esp8266\hardware\esp8266\2.6.3\libraries\ArduinoOTA\src/ArduinoOTA.h:116:53: error: template argument 2 is invalid

D:\Program\FLProg\ideV5\portable\packages\esp8266\hardware\esp8266\2.6.3\libraries\ArduinoOTA\src/ArduinoOTA.h:116:65: error: invalid type in declaration before ';' token

ArduinoOTAMdnsClass <WiFiServer, WiFiClient, WiFiUDP> ArduinoOTA;

^

exit status 1

Отправлено спустя 36 минут 10 секунд:
А на ЕСП32 вот такая ошибка

Arduino: 1.8.11 (Windows 10), Плата: "ESP32 Dev Module, Disabled, Minimal SPIFFS (1.9MB APP with OTA/190KB SPIFFS), 240MHz (WiFi/BT), QIO, 80MHz, 4MB (32Mb), 921600, None"

C:\Users\Юрій\AppData\Local\Temp\flprog\pr21\pr21.ino: In function 'void setup()':

pr21:94:8: error: 'class ESPUIClass' has no member named 'jsonUpdateDocumentSize'

pr21:95:8: error: 'class ESPUIClass' has no member named 'jsonInitialDocumentSize'

exit status 1

Naladchik
Лейтенант
Сообщения: 306
Зарегистрирован: 04.10.2015{, 19:10}
Репутация: 23
Откуда: Новосибирск
Имя: Павел

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

#244

Сообщение Naladchik » 18.06.2020{, 14:47}

stigmat,
По проблеме с OTA viewtopic.php?f=63&t=6424#p90544
Все расписал.
Предпочитаю Portable версию.
Изображение

RusSanya
Рядовой
Сообщения: 12
Зарегистрирован: 14.09.2015{, 15:17}
Репутация: 0

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

#245

Сообщение RusSanya » 25.06.2020{, 11:51}

Доброго времени суток. Не могу скачать ни пример , ни блоки, ни библиотеки. На всех ссылках вылазит : Выбранного вложения больше не существует.
Скиньте ссылку откуда можно скачать. Спасибо

av
Майор
Сообщения: 1104
Зарегистрирован: 25.09.2017{, 13:25}
Репутация: 79
Имя: Алексей

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

#246

Сообщение av » 25.06.2020{, 13:27}

RusSanya, немного терпения ! Форум работает еще не в полную силу. Вы представляете сколько вложений и файлов накопилось за годы работы форума и их все нужно перенести на новый хостинг.

stigmat
Рядовой
Сообщения: 12
Зарегистрирован: 14.05.2020{, 18:10}
Репутация: 0
Имя: Yurii

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

#247

Сообщение stigmat » 30.06.2020{, 12:19}

FlProg 7.0.1 Portable

Код: Выделить всё

Arduino: 1.8.11 (Windows 10), Плата: "ESP32 Dev Module, Disabled, Minimal SPIFFS (1.9MB APP with OTA/190KB SPIFFS), 240MHz (WiFi/BT), QIO, 80MHz, 4MB (32Mb), 921600, None"

In file included from d:\���������\flrpog versions\portable_flprog_7-0-1_win64\idev5\portable\packages\esp32\tools\xtensa-esp32-elf-gcc\1.22.0-80-g6c4433a-5.2.0\xtensa-esp32-elf\include\c++\5.2.0\string:41:0,

                 from d:\���������\flrpog versions\portable_flprog_7-0-1_win64\idev5\portable\packages\esp32\tools\xtensa-esp32-elf-gcc\1.22.0-80-g6c4433a-5.2.0\xtensa-esp32-elf\include\c++\5.2.0\random:40,

                 from d:\���������\flrpog versions\portable_flprog_7-0-1_win64\idev5\portable\packages\esp32\tools\xtensa-esp32-elf-gcc\1.22.0-80-g6c4433a-5.2.0\xtensa-esp32-elf\include\c++\5.2.0\bits\stl_algo.h:66,

                 from d:\���������\flrpog versions\portable_flprog_7-0-1_win64\idev5\portable\packages\esp32\tools\xtensa-esp32-elf-gcc\1.22.0-80-g6c4433a-5.2.0\xtensa-esp32-elf\include\c++\5.2.0\algorithm:62,

                 from D:\���������\Flrpog Versions\Portable_FLProg_7-0-1_Win64\ideV5\portable\packages\esp32\hardware\esp32\1.0.4\cores\esp32/Arduino.h:142,

                 from sketch\pr2.ino.cpp:1:

d:\���������\flrpog versions\portable_flprog_7-0-1_win64\idev5\portable\packages\esp32\tools\xtensa-esp32-elf-gcc\1.22.0-80-g6c4433a-5.2.0\xtensa-esp32-elf\include\c++\5.2.0\bits\allocator.h:46:75: fatal error: bits/c++allocator.h: No such file or directory

compilation terminated.

exit status 1
Кто знает что за ошибка и как с ней бороться? Подскажите пожалуйста!

dsfbuy
Сержант
Сообщения: 137
Зарегистрирован: 03.11.2018{, 12:40}
Репутация: 16
Откуда: Братск
Имя: Виктор

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

#248

Сообщение dsfbuy » 30.06.2020{, 12:22}

stigmat, исключить кириллицу из пути к проге.

stigmat
Рядовой
Сообщения: 12
Зарегистрирован: 14.05.2020{, 18:10}
Репутация: 0
Имя: Yurii

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

#249

Сообщение stigmat » 01.07.2020{, 10:24}

dsfbuy, Спасибо! Все заработало!

Отправлено спустя 2 часа 23 минуты 21 секунду:
Naladchik, Вот такая ошибка когда поставил более двух блоков Label. При компиляции первого блока все ок. А в последующих - ошибка.
С стандартными блоками все ок.
Вложения
Записати.JPG
Записати.JPG (38.27 КБ) 991 просмотр

dsfbuy
Сержант
Сообщения: 137
Зарегистрирован: 03.11.2018{, 12:40}
Репутация: 16
Откуда: Братск
Имя: Виктор

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

#250

Сообщение dsfbuy » 01.07.2020{, 20:49}

stigmat, не из-за этого ли viewtopic.php?p=91123#p91123

stigmat
Рядовой
Сообщения: 12
Зарегистрирован: 14.05.2020{, 18:10}
Репутация: 0
Имя: Yurii

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

#251

Сообщение stigmat » 02.07.2020{, 10:30}

dsfbuy, Вы абсолютно правы! Теперь буду знать. Спасибо!

Naladchik
Лейтенант
Сообщения: 306
Зарегистрирован: 04.10.2015{, 19:10}
Репутация: 23
Откуда: Новосибирск
Имя: Павел

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

#252

Сообщение Naladchik » 11.07.2020{, 12:29}

Обновил мультиблок ESPUI.
Изменения:
1. Добавлен блок Select - выпадающий список.
Списки отображаемых пунктов и соответствующих им текстов на выходе блока формируются в виде массивов в параметрах блока. Главное условие - размеры массивов должны совпадать.
2. Добавлен блок Graph - создание графика.
На мой взгляд блок сомнительной полезности, так как график формируется в режиме как бы "реального" времени. Т.е. задается только координата по оси Y, по оси X координату задать нельзя.Точки графика сохраняются в браузере в локальном хранилище! Таким образом, пока браузер запущен, происходит накопление точек графика, для очистки графика или перезапустить браузер или очистить график через его вход. Пока на входе "Очистка графика" присутствует "1" точки на графике не отображаются.
3. В блоке Slider появилась возможность постоянной передачи изменений на выход а не только после отпускания.
4. Убрано пару ошибок, возможно добавлено новых.

Ни в коем случае не используйте в одном проекте одновременно блоки из разных версий мультиблоков! Замучаетесь ошибки вылавливать.
ESPUI_1.2.zip
(123.03 КБ) 44 скачивания
Тестируйте.
Предпочитаю Portable версию.
Изображение

Mico
Рядовой
Сообщения: 7
Зарегистрирован: 04.07.2020{, 10:51}
Репутация: 0
Имя: Дмитрий

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

#253

Сообщение Mico » 11.07.2020{, 22:35}

Запустил на ESP32 вроде все работает. Цвет белый загорается. Naladchik,а нельзя в блоке ESPUI Tab ногу сделать,чтоб когда на станицу переходишь.она в 1 поднималась?И ещё, не плохо бы было title_Graph входом для записи как у тестового блока с входами пароля страницы. Тогда можно будет дату графика вносить. А то я смотрю его очищать надо периодически,он не сдвигается.а сжимается. Так написал график за такой то час,час прошёл,график наполнился и мы его отчистили. И дальше новое время и новый график.

Naladchik
Лейтенант
Сообщения: 306
Зарегистрирован: 04.10.2015{, 19:10}
Репутация: 23
Откуда: Новосибирск
Имя: Павел

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

#254

Сообщение Naladchik » 12.07.2020{, 05:15}

Mico писал(а):
11.07.2020{, 22:35}
...блоке ESPUI Tab ногу сделать,чтоб когда на станицу переходишь.она в 1 поднималась...
Mico писал(а):
11.07.2020{, 22:35}
...title_Graph входом для записи...
На сколько я понимаю, такие возможности отсутствуют в библиотеке, на основе которой сделан мультиблок.
Предпочитаю Portable версию.
Изображение

mafckz
Рядовой
Сообщения: 12
Зарегистрирован: 31.10.2019{, 06:57}
Репутация: 0
Имя: Роман

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

#255

Сообщение mafckz » 12.07.2020{, 09:25}

Прочитав тему, увидел несколько сообщений о проблемах работы этого интерфеса в режиме точки доступа.
Прошу подсказать, на данный момент есть стабильная работа с ESP32 в режиме точки доступа?

Mico
Рядовой
Сообщения: 7
Зарегистрирован: 04.07.2020{, 10:51}
Репутация: 0
Имя: Дмитрий

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

#256

Сообщение Mico » 14.07.2020{, 05:52}

mafckz писал(а):
12.07.2020{, 09:25}
Прочитав тему, увидел несколько сообщений о проблемах работы этого интерфеса в режиме точки доступа.
Прошу подсказать, на данный момент есть стабильная работа с ESP32 в режиме точки доступа?
Я не смог точкой сделать.

zhulen820
Сержант
Сообщения: 142
Зарегистрирован: 29.08.2016{, 22:44}
Репутация: 5
Откуда: Серпухов
Имя: Александр

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

#257

Сообщение zhulen820 » 14.07.2020{, 07:36}

mafckz писал(а):
12.07.2020{, 09:25}
Прочитав тему, увидел несколько сообщений о проблемах работы этого интерфеса в режиме точки доступа.
Прошу подсказать, на данный момент есть стабильная работа с ESP32 в режиме точки доступа?
Делал только один проект на ESP32, как раз работала в режиме точки доступа, все нормально отрабатывало, веб 11 вкладок по 3-4 элемента, на одной 10. Все работает без сбоев и тормозов

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

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

#258

Сообщение hrach » 14.07.2020{, 21:42}

User8, Здравствуйте. Сделал простой проект на wemos интерфейсе ESPUI . Возникло проблема. Проект отлично работает с андороид устройств версии 8 и ниже. Если использую андроид версии 9 постоянно происходит аутентификация, связь прерывается. Не пойму в чем причина.

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

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

#259

Сообщение User8 » 15.07.2020{, 00:39}

hrach, не смогу помочь, щас занят другим. Но видимо это проблема в самой библиотеке, можно попробовать скачать и обновить https://github.com/s00500/ESPUI

JonyBest
Рядовой
Сообщения: 47
Зарегистрирован: 18.11.2015{, 22:42}
Репутация: 1
Откуда: Близко к Ставрополю
Имя: Евгений

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

#260

Сообщение JonyBest » 23.07.2020{, 18:06}

Naladchik писал(а):
11.07.2020{, 12:29}
Обновил мультиблок ESPUI.
Доброго дня! Все нравиться, кроме того что для блоков Slide и InputNumber не приделали вход для изменения значения блока на значение входа по условию. Т.е. если значение поменял через MQTT - блок его не показывает. Я делал это для старых блоков. Для Вас это делов на пять минут :)

Ответить

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