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

[artemka19]

*Благодарность за поддержку - Phazz

Создано в версии 7.5.2

Веб интерфейс для esp 8266/32, использующий при построении веб-интерфейса привычный блочный принцип.
-Не требует установки библиотек или файлов.
-Блоки компилируются так же как находятся на плате. (по тем же правилам как и остальные блоки в FLProg).
-Используйте кнопку 'Порядок компиляции блоков" чтобы убедиться в правильности сборки блоков при компиляции!
-Счет страниц начинается с "0", т.е. страница=0 - это Первая страница!!! Номер страницы задается для каждого блока отдельно в параметрах блока.
-Возможно использование совместно со штатным веб-интерфейсом (в этом случае необходимо задать свой адрес-интерфейса, например, " /test").
-Возможно использование опции "Обновление прошивки" (WebUpdate Firmvare).
-Возможно использование опции "Поиск ESP" (внутри блока есть ссылки на андроид приложение и локальный .html файл)
-Блоки веб-интерфейса не обязательно использовать на одной плате. Но важно самому не запутаться в порядке их использования.

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

Скачать проект:
Версия 1.23 (изменения: viewtopic.php?f=202&t=8159&p=116383#p116383)
файл проекта (12.3 МБайт):

СпойлерПоказать

https://disk.yandex.ru/d/28VmhvRYZZxHMA

[artemka19]

Мини-Фак:

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

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

СпойлерПоказать

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

СпойлерПоказать

меню2.png (37.16 КБ) 1319 просмотров

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

СпойлерПоказать

результат:

СпойлерПоказать

[artemka19]

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

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

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

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

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

СпойлерПоказать

роутер:

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

//------------------
У меня на таких настройках (как на картинках выше) крайне Стабильное поведение у 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

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

СпойлерПоказать

[Phazz]

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

[ArtemArable]

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

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

[Ingwar]

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

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