Простой конструктор веб интерфейса для esp8266 и ESP32

От Алекс Гайвер. https://github.com/GyverLibs/GyverPortal/tree/7ba61a44fbf1224095980736638c6c551f9837b2

Относящиеся к программированию МК
Аватара пользователя
Rovki
Полковник
Сообщения: 4872
Зарегистрирован: 22.04.2016{, 17:25}
Репутация: 269
Откуда: Чехов
Имя: Анатолий
Контактная информация:

Простой конструктор веб интерфейса для esp8266 и ESP32

#1

Сообщение Rovki » 12.02.2022{, 19:10}

Может кто создаст блоки?
https://github.com/GyverLibs/GyverPorta ... 551f9837b2
Вложения
веб конструктор.jpg
Электронщик до мозга костей и не только

ibalabanov
Рядовой
Сообщения: 32
Зарегистрирован: 03.10.2021{, 09:58}
Репутация: 1
Имя: Георгий

Простой конструктор веб интерфейса для esp8266 и ESP32

#2

Сообщение ibalabanov » 17.04.2022{, 22:54}

И тишина… Был бы классный конструктор для Web интерфейса! Все необходимое есть…

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

Простой конструктор веб интерфейса для esp8266 и ESP32

#3

Сообщение Phazz » 18.04.2022{, 06:14}

Я пытался, но там все через общие функции завязано и поэтому ничего удобоваримого не вышло. Да и встроенный вэб намного гибче

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

Простой конструктор веб интерфейса для esp8266 и ESP32

#4

Сообщение aidar_i » 21.04.2022{, 14:42}

Phazz писал(а):
18.04.2022{, 06:14}
Я пытался, но там все через общие функции завязано и поэтому ничего удобоваримого не вышло. Да и встроенный вэб намного гибче
Можно сделать без проблем! Я почти сделал уже на старом редакторе.

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

Простой конструктор веб интерфейса для esp8266 и ESP32

#5

Сообщение Phazz » 21.04.2022{, 15:14}

Отлично, но правда не очень нужен он уже. Освоил встроенный редактор. Тем более сейчас Сергей добавил классную фичу с API, можно без проблем подключать интерфейс к Kodular

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

Простой конструктор веб интерфейса для esp8266 и ESP32

#6

Сообщение aidar_i » 21.04.2022{, 19:36}

Phazz писал(а):
21.04.2022{, 15:14}
Отлично, но правда не очень нужен он уже.
Как сказал один Форумчанин, пусть будет.
Тем более очень простой и легко начинающим сварганить быстро проект.

artemka19
Лейтенант
Сообщения: 540
Зарегистрирован: 03.09.2020{, 15:41}
Репутация: 216
Откуда: Питер
Имя: Артем

Простой конструктор веб интерфейса для esp8266 и ESP32

#7

Сообщение artemka19 » 21.04.2022{, 23:20}

+++
ооочень интересен был бы симбиоз штатного и Drag&Play веб-интерфейсов!

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

Простой конструктор веб интерфейса для esp8266 и ESP32

#8

Сообщение aidar_i » 25.04.2022{, 08:48}

Сделал бета версию блоков на старом редакторе для испытаний (режим нажатия - Click) при изменении значений компонентов в браузере, они передаются.
Буду переводить на новый редактор, так будет удобней работать режимами (их три).
GyverPortal.zip
(919.26 КБ) 156 скачиваний
Программа компилирует расположение компонентов в порядке вставки блоков (предварительно продумайте, где они будут стоять), автор программы обещал исправить в следующих версиях.

Аватара пользователя
Imran
Сержант
Сообщения: 228
Зарегистрирован: 08.11.2017{, 20:53}
Репутация: 8
Имя: Имран

Простой конструктор веб интерфейса для esp8266 и ESP32

#9

Сообщение Imran » 26.04.2022{, 11:36}

Спасибо за труд.:) aidar_i,Проверил все нормально работает. Ещё бы вкладки добавить или боковое меню или же что то в этом роде.Ну что бы не было все в одной странице.

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

Простой конструктор веб интерфейса для esp8266 и ESP32

#10

Сообщение aidar_i » 26.04.2022{, 14:27}

Imran писал(а):
26.04.2022{, 11:36}
Ещё бы вкладки добавить или боковое меню или же что то в этом роде.Ну что бы не было все в одной странице.
Вроде в этой блиотеке вкладка одна. Но есть возможность через кнопку разворачивать группу компонентов, попробуйте пример из библиотеки menuTabs. Если устроит, попробую воплотить.

Bentry
Рядовой
Сообщения: 43
Зарегистрирован: 20.09.2017{, 10:22}
Репутация: 7

Простой конструктор веб интерфейса для esp8266 и ESP32

#11

Сообщение Bentry » 27.04.2022{, 09:49}

Действительно очень удобный конструктор. Проверил на ESP8266 - работает) На ESP32 работать не захотел

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

Простой конструктор веб интерфейса для esp8266 и ESP32

#12

Сообщение Naladchik » 27.04.2022{, 10:22}

Bentry писал(а):
27.04.2022{, 09:49}
На ESP32 работать не захотел
На странице библиотеки сообщение от AlexGyver: "Большая часть библиотеки некорректно работает с ESP32, пофикшу как будет время"
Win10-64. FLProg Portable.
Изображение

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

Простой конструктор веб интерфейса для esp8266 и ESP32

#13

Сообщение aidar_i » 27.04.2022{, 10:27}

Bentry писал(а):
27.04.2022{, 09:49}
Действительно очень удобный конструктор. Проверил на ESP8266 - работает) На ESP32 работать не захотел
Сделал все три режима, хотел закончить, вырубили свет до вечера.
Есть в этой библиотеке и Конструктор страниц, кто разбирается, может и доп компоненты делать.
Прочитайте описание библиотеки , чтобы ориентироваться в режимах, компонентах

Аватара пользователя
Imran
Сержант
Сообщения: 228
Зарегистрирован: 08.11.2017{, 20:53}
Репутация: 8
Имя: Имран

Простой конструктор веб интерфейса для esp8266 и ESP32

#14

Сообщение Imran » 27.04.2022{, 11:43}

aidar_i писал(а):
26.04.2022{, 14:27}
попробуйте пример из библиотеки menuTabs
очень даже прилично ;) и ещё пожалуйста по мере возможности вывод значений :)

Аватара пользователя
Di123
Капитан
Сообщения: 828
Зарегистрирован: 03.11.2018{, 19:38}
Репутация: 29
Имя: Дмитрий

Простой конструктор веб интерфейса для esp8266 и ESP32

#15

Сообщение Di123 » 27.04.2022{, 11:48}

а есть тестовый пример как раставлять блоки
в порядке компиляции или по платам разносить
и клиент выбирать какой ?

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

Простой конструктор веб интерфейса для esp8266 и ESP32

#16

Сообщение aidar_i » 27.04.2022{, 11:50}

Di123 писал(а):
27.04.2022{, 11:48}
а есть тестовый пример как раставлять блоки
в порядке компиляции или по платам разносить
и клиент выбирать какой ?
Будут примеры, когда добью блоки.
Пока в выложенном примере написал примерно как.
Позже тему создам в ПБ.
Отправлено спустя 1 минуту 18 секунд:
Imran писал(а):
27.04.2022{, 11:43}
и ещё пожалуйста по мере возможности вывод значений
Вывод значений же есть в блоках ввода.
Эти блоки с примером я выложил для теста, вижу есть интерес, поэтому их я доработал, теперь можно будет и режимы комбинировать, например, кнопки работают только в режиме Клик, а светодиоды в Submit и Update, комбинируя их зажигаю светодиоды с кнопки, просто соединяя выход блока кнопки и вход блока светодиода.

Аватара пользователя
Di123
Капитан
Сообщения: 828
Зарегистрирован: 03.11.2018{, 19:38}
Репутация: 29
Имя: Дмитрий

Простой конструктор веб интерфейса для esp8266 и ESP32

#17

Сообщение Di123 » 27.04.2022{, 12:59}

примерно понял как это организовано
но построить за раз неполучается нужно всё удалять и раставлять по новой и компиляция тут неособо помогает тут работает правило порядка выноса блока

а как вывести текст с контролера на монитор ?
там два блока на вывод текста они не такие

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

Простой конструктор веб интерфейса для esp8266 и ESP32

#18

Сообщение aidar_i » 27.04.2022{, 14:51}

Di123 писал(а):
27.04.2022{, 12:59}
примерно понял как это организовано
но построить за раз неполучается нужно всё удалять и раставлять по новой и компиляция тут неособо помогает тут работает правило порядка выноса блока

а как вывести текст с контролера на монитор ?
там два блока на вывод текста они не такие
Да, функции организованы в сетап блока, поэтому они компилируются в порядке вставки блоков, а не расположения их в проекте.
Там ещё не все блоки выложены
Подождите немного, скоро всё будет.
Текст с браузера, наверное? Или наоборот?

Аватара пользователя
Di123
Капитан
Сообщения: 828
Зарегистрирован: 03.11.2018{, 19:38}
Репутация: 29
Имя: Дмитрий

Простой конструктор веб интерфейса для esp8266 и ESP32

#19

Сообщение Di123 » 27.04.2022{, 16:41}

хочу при нажатии на кнопку справа менялась надпись включено/отключено

2022-04-27_203926.png

там есть два блока вывода надписи но они н такие

Отправлено спустя 2 часа 22 минуты 50 секунд:
и в блоке пароль ошибка
он самодублируется введёные значения
если вытащить два блока пароля
если сравнить два старых пароля то на выходе 1
2022-04-27_225738.png
2022-04-27_225738.png (1.35 КБ) 2437 просмотров
если во второй блок пароля прописать новый пароль то 1 сразу пропадает скоре всего из второго блока заменят значения в первом блоке
в уарт почемуто сумма строк невыводится этих блоков что бы проверить

но если во второй блок продублировать значения первого блока то 1 не пропадает что на мысль и наталкивает

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

Простой конструктор веб интерфейса для esp8266 и ESP32

#20

Сообщение aidar_i » 27.04.2022{, 19:45}

Di123, нужен помощник для доводки и испытания блоков. Практически я закончил блоки режимов и компонентов, не делал плоттеры и табло.
По некоторым вашим замечаниям ещё немного нужно доделки, во всех компонентах параметр добавить, и ТП. Просто рутинная работа, хоть простая, Я бы Вам прислал в личку новые блоки.
aidar_i писал(а):
27.04.2022{, 14:51}
он самодублируется
Там у них обозначение компонента pass должен быть разным (pass1, pass2), вот его нужно в параметры засунуть

Отправлено спустя 4 минуты :
Di123 писал(а):
27.04.2022{, 19:04}
хочу при нажатии на кнопку справа менялась надпись включено/отключено
Можно светодиод справа поставить.
Проект лучше в другой плате делать, через клемму или переменную.

Ответить

Вернуться в «Полезные ссылки»