Веб-интерфейс для 8266/32 (JeeUI2)

[artemka19]

Создано в версии 7.5.2
*Благодарность за поддержку - [ref=#808080]Phazz[/ref]


Описание:
[spoiler]
Веб интерфейс для esp 8266/32*, использующий при построении веб-интерфейса привычный блочный принцип.
-Блоки компилируются также как находятся на плате. (по тем же правилам как и остальные блоки в FLProg).
-Используйте кнопку 'Порядок компиляции блоков" чтобы убедиться в правильности сборки блоков при компиляции!
-Счет страниц начинается с "0", т.е. страница=0 - это Первая страница!!! Номер страницы задается для каждого блока отдельно в параметрах блока.
-Возможно использование совместно со штатным веб-интерфейсом (в этом случае необходимо задать свой адрес, например, " /test").
-Возможно использование опции "Обновление прошивки" (WebUpdate Firmvare).
-Блоки веб-интерфейса не обязательно использовать на одной плате. Но важно самому не запутаться в порядке их использования.
-Имена пунктов в меню не должны быть пустыми.
-Выход "out" в блоках - на этом выходе появятся Данные с веб страницы на один цикл
-Выход "новые данные" в блоках - на этом выходе будет "1" на один цикл и говорит о том что получены новые данные с веб страницы.
-Надпись на выходах блоков "(R-t) ..." означает, что выход работает как R-триггер (R-t).
-Выход "get" - при каждом запросе данных с веб-страницы это выход будет принимать значение "1".
-В блоках Надпись и Поле Ввода добавлена возможность установки размера шрифта (автор @Ushakov)
----------------------------------------------------------------------------

-ВСЕ блоки веб-интерфейса должны быть в самом конце проекта. (необязательно на одной плате).
-В самом конце проекта, на самой последней плате необходимо вытащить блок "ПОСЛЕДНИЙ БЛОК".
-(for devops) Весь код, содержащийся в Любых Других блоках в секциях "Конец секции Loop", будет помещен в функцию empty().
Эта функция empty() ,будет запускаться в конце Loop.

----------------------------------ВНИМАНИЕ!!!---------------------
в FLProg 7.5.2 - если изменяете МК, то Перед компиляцией:
1.Cохраните проект после этого.
2.Переоткройте проект заново.
(иначе не сработают условия внутри блоков и получите ошибку при компиляции!).
**это обязательно!
**данный баг известен разработчику FLProg, ожидаем исправления
[/spoiler]
----------------------------------------------------------------------------
Картинки:
[spoiler]

11.png

5.png

3.png

нет связи.png

22.png

поиск.jpg

Screenshot_20220805-195513.jpg

Screenshot_20220805-195533.jpg

[/spoiler]




Скачать проект:
[spoiler]блок_ограничен_администрацией.flp
[/spoiler]

Использование названий цветов в блоках: viewtopic.php?t=8159&start=20#p116874

[artemka19]

Мини-Фак:

-Создание МЕНЮ

1. вытаскиваем Главный блок. задаем заголовок и информацию
[spoiler]

1шаг.png

шаг1.png

[/spoiler]

2.создаем меню:
[spoiler]

меню1.png

меню2.png

[/spoiler]
нажимаем "Заполнить" и указываем названия для своих пунктов меню:
[spoiler]

меню пункты.png

[/spoiler]
результат:
[spoiler]

3333.png

[/spoiler]

[artemka19]

Настройки режима работы WiFi для esp8266

если при использовании ecp8266 слишком часто появляется надпись "НЕТ СВЯЗИ!" (но при этом известно что сила сигнала wifi от роутера достаточная), то можно попробовать следующее:

1 - в блоке в флпрог явно указать режим работы с вай-фай для 8266.(например 802.11n)
2 - и если в роутере есть возможность - то и в нем указать такой же режим работы wifi
(такой же как мы указали в блоке для есп8266)

*по умолчанию в блоке установлен режим автовыбора.

картинки-примеры настроек:
[spoiler]

роутер:

1.png

блок в флпрог:

2.png

[/spoiler]


//------------------
У меня на таких настройках (как на картинках выше) крайне Стабильное поведение у 8266/32 и никаких надписей не появляется лишний раз).
Однако, при высокой нагрузке на wifi сеть (какой-нибудь торрент-качалкой или
даже если начать измерять скорость сети приложением SpeedTest) - то надпись "НЕТ СВЯЗИ!" может кратковременно отображаться (но только на 8266!)

[artemka19]

пробуем)
если понравится - будем развивать дальше)

[ecoins]

Здорово, что сделали, давно сами присматривались.
Будем испытывать.

[ArtemArable]

Интересно. Надо попробовать. Какое разнообразие WebUI сложилось:
- встроенный;
- ESPUI;
- GyverPortal;
- JeeUI
Кто лучше...

[Phazz]

Скажу про преимущества этого UI.
1. Он создавался с учетом специфики флпрог.
2. Нет специальных библиотек.
3. Расположение элементов зависит от расположения блоков в проекте а не от хронологического порядка добавления.
4. Гибкость. В некоторых моментах он даже гибче чем встроенный UI.
5. Встроенный поиск в сети и апдейт.

Ну и это готовое приложение по сути. Перенести его через appinvertor труда большого не составит

[ArtemArable]

Скажу про преимущества этого UI.
1. Он создавался с учетом специфики флпрог.
2. Нет специальных библиотек.
3. Расположение элементов зависит от расположения блоков в проекте а не от хронологического порядка добавления.
4. Гибкость. В некоторых моментах он даже гибче чем встроенный UI.
5. Встроенный поиск в сети и апдейт.

Ну и это готовое приложение по сути. Перенести его через appinvertor труда большого не составит

В Телеге уже писал, что встроенному не хватает блочности. Процесс создания, отладки занимает много времени.

[artemka19]

- встроенный;
- ESPUI;
- GyverPortal;
- JeeUI

тут самое интересное отличие: можно использовать Штатный и Jeeui2 совместно-параллельно на одном порту (не поднимая еще один дополнительный затратный по ресурсам для МК веб сервер)

*буквально в два клика)

[artemka19]

*имеется желание реализовать на базе этого блока и еще такие протоколы как: Асинхронный веб-сервер и Реал-тайм сервер (веб-сокет сервер).

Было бы крайне удобно, на мой субъективный взгляд, иметь возможность выбора протокола общения при создании интерфейса прямо из Пользовательского блока в флпрог)

[sergserg]

пробуем)
если понравится - будем развивать дальше)

мне вот это понравилось: поставил всего одну галочку в блоке и получил обновление прошивки без всякого гемора

Асинхронный веб-сервер и Реал-тайм сервер (веб-сокет сервер).

а это что за звери такие?

П,С, а сможете добавить ползунок какой нибудь еще?)

[tema]

а можно блоки без проекта?

[ArtemArable]

а можно блоки без проекта?

ПКМ, выбрать сохранить в библиотеке...

Отправлено спустя 1 час 6 минут 24 секунды:
Запустил проект из шапки. Периодически выдает отсутствие связи.

Отправлено спустя 2 часа 34 минуты 4 секунды:
Может какое то ТЗ накидать совместно? Определиться с потребностями, так сказать.

[artemka19]

Периодически выдает отсутствие связи.

на esp8266?

[ArtemArable]

Периодически выдает отсутствие связи.

на esp8266?

Да.

[artemka19]

update - v.1.21
-добавлена опция для 8266 - выбор режима работы сети (802.11b/g/n)

Да.

пробуем это решение :
viewtopic.php?f=202&t=8159&p=116295#p116295

у меня стало отлично работать!

Отправлено спустя 13 минут 48 секунд:

а сможете добавить ползунок какой нибудь еще?

накидаю попозже еще элементов)

[artemka19]

update до v.1.22

-добавлен ползунок
-добавлен выбор цвета

[spoiler]

1.png

2.png

3.png

4.png

5.png

6.png

[/spoiler]

[Phazz]

[ref]artemka19[/ref], А можно выпадающий список? Пожалуйста ))

[ArtemArable]

[ref]artemka19[/ref], А можно выпадающий список? Пожалуйста ))

Друзья, нужно ТЗ В какую форму это облачить решать автору. Считаю, что необходимы поля ввода и вывода данных, времени, даты, выпадающий список, слайдер, блок логгирования с меткой времени, разные кнопки, переключатели. Блоки элементов вывода с входом предустановки, а лучше с выбором возможности записью в EEPROM.

[Ingwar]

Друзья, нужно ТЗ В какую форму это облачить решать автору. Считаю, что необходимы поля ввода и вывода данных, времени, даты, выпадающий список, слайдер, блок логгирования с меткой времени, разные кнопки, переключатели. Блоки элементов вывода с входом предустановки, а лучше с выбором возможности записью в EEPROM.

Еще немного и [ref]artemka19[/ref], будет ДОЛЖЕН всему форуму...