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

Веб интерфейс для 8266/32 на базе скрипта от JeeUI2, не требующий установки дополнительных библиотек, умеющий работать совместно со штатным веб интерфейсом, и имеющий такую же (блочную) логику управления как и блоки в FLProg.

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

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

#41

Сообщение artemka19 » 30.08.2022{, 09:21}

aidar_i писал(а):
30.08.2022{, 08:52}
Не пробовали из spiffs загружать страницу и картинки?
Я пробовал на GP, все загружается.
страница (html-css-js) - находятся в памяти.
Оттуда и загружаются)
НО все упирается в размеры картинок - скорость загрузки из spiffs (для 8266 особенно) - очень маленькая.
К тому же все загружаемые файлы все равно сначала помещаются в оперативку и только после передаются далее.
Поэтому в плане картинок/файлов нужно использовать и сжатие и фрагментированную/потоковую передачу.
К примеру пара картинок по 20кб выведенные на страниц, приводит 8266 к бутлупу. (есп32 при этом еще держится)))
СпойлерПоказать
const char html_page[] PROGMEM = R"=====(
const uint8_t style_css_gz[] PROGMEM = {
const uint8_t script_js_gz[] PROGMEM = {
Последний раз редактировалось artemka19 30.08.2022{, 09:48}, всего редактировалось 4 раза.

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

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

#42

Сообщение artemka19 » 30.08.2022{, 09:27}

aidar_i,
кстати, можно попробовать применить лайфхак из JeeUI2 (версии для есп32) для GP.
Возможно поможет избавиться от зависимости хронологического расположения блоков при вытаскивании их на плату.
(реализация в Редакторе ПБ опции "Место вставки кода в Функцию").

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

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

#43

Сообщение Rovki » 30.08.2022{, 10:44}

artemka19 писал(а):
30.08.2022{, 09:15}
Rovki писал(а):
30.08.2022{, 08:48}
А как на счет одновременной работы этого веб интерфейса с update (обновление по воздуху)
про какой update речь?
WebUpdate работает (+ имеется визуальное отображение процесса загрузки прошивки).
Или вопрос про Arduino OTA ? (с ней не проверял :no: ).
WebUpdate, СПАСИБО.
Электронщик до мозга костей и не только

UMC
Рядовой
Сообщения: 56
Зарегистрирован: 13.02.2016{, 16:51}
Репутация: 10

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

#44

Сообщение UMC » 30.08.2022{, 18:07}

artemka19,
тестим, делимся результатами, пожеланиями и багами :D
А цветовой индикатор можно сделать как в FLprog?Изображение

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

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

#45

Сообщение aidar_i » 30.08.2022{, 18:53}

artemka19 писал(а):
30.08.2022{, 09:27}
aidar_i,
кстати, можно попробовать применить лайфхак из JeeUI2 (версии для есп32) для GP.
Возможно поможет избавиться от зависимости хронологического расположения блоков при вытаскивании их на плату.
(реализация в Редакторе ПБ опции "Место вставки кода в Функцию").
Это решается расположением блока в отдельной плате. Сергей обещал исправить в новой версии. В новом редакторе принципиально не делаю, вес проекта, чтобы был небольшой.

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

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

#46

Сообщение Phazz » 30.08.2022{, 19:00}

aidar_i, это можно и в старом редакторе реализовать

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

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

#47

Сообщение aidar_i » 30.08.2022{, 19:13}

Phazz писал(а):
30.08.2022{, 19:00}
aidar_i, это можно и в старом редакторе реализовать
Что это?

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

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

#48

Сообщение Phazz » 30.08.2022{, 20:14}

Расположение элементов в UI в зависимости от расположения их в проекте а не от порядка добавления

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

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

#49

Сообщение artemka19 » 30.08.2022{, 20:27}

aidar_i писал(а):
30.08.2022{, 10:44}
вес проекта, чтобы был небольшой
а разве от количества плат увеличивается размер?
в коде ардуино не видно разницы в размере.

или размер файла .flp увеличивается от количества плат? и даже пустых плат?

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

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

#50

Сообщение aidar_i » 31.08.2022{, 05:54}

Phazz писал(а):
30.08.2022{, 20:14}
Расположение элементов в UI в зависимости от расположения их в проекте а не от порядка добавления
Объясните как?

Отправлено спустя 15 минут 43 секунды:
aidar_i писал(а):
31.08.2022{, 05:54}
а разве от количества плат увеличивается размер?
в коде ардуино не видно разницы в размере.

или размер файла .flp увеличивается от количества плат? и даже пустых плат?
Я на счёт плат не писал.
Вес пользовательского блока в новом редакторе гораздо больше.

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

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

#51

Сообщение artemka19 » 31.08.2022{, 19:41}

*update до v.3.04
-в блоках Надпись и Поле Ввода добавлена возможность установки размера шрифта (автор @Ushakov)
СпойлерПоказать
1.png

Ingwar
Полковник
Сообщения: 1716
Зарегистрирован: 28.10.2015{, 22:47}
Репутация: 142
Откуда: Ленобласть
Имя: Игорь

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

#52

Сообщение Ingwar » 31.08.2022{, 20:17}

3.04 ссылка недоступна
Люди в своем большинстве живо интересуются всем на свете, за исключением того, что действительно стоит знать.

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

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

#53

Сообщение artemka19 » 31.08.2022{, 20:19}

Ingwar писал(а):
31.08.2022{, 20:17}
3.04 ссылка недоступна
перезалил

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

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

#54

Сообщение ibalabanov » 31.08.2022{, 20:53}

Подскажите что за лаги на iPhone в Safari? Не возможно точно установить ползунок… Яна компьютере все норм работает :smile390:
Вложения
FullSizeRender.MOV
(2.46 МБ) 15 скачиваний

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

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

#55

Сообщение artemka19 » 31.08.2022{, 21:19}

ibalabanov писал(а):
31.08.2022{, 20:53}
Подскажите что за лаги на iPhone в Safari? Не возможно точно установить ползунок… Яна компьютере все норм работает
да, на некоторых мобильных браузерах не все элементы корректно работает. Что-нибудь придумаю)
похоже что событие onfocus так себя ведет в мобилке

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

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

#56

Сообщение hrach » 01.09.2022{, 11:13}

artemka19, Здравствуйте. Немного о хо телках.
1)Не плохо было бы на блоке веб интерфейса сделать вход для изменение цвета фона страницы. Это даст возможность оперативно менять цвет фона при помощи блока выбор цвета. или сделать режим ночь/ день.
2) На блоке картинка сделать 2 входа для изменение картинки. Из картинки можно будет сделать индикатор. В идеале при касание картинке чтобы поменялся картинка с входом для фиксации изменение.
Спасибо!

ArtemArable
Рядовой
Сообщения: 62
Зарегистрирован: 23.11.2020{, 16:46}
Репутация: 1
Имя: Artem

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

#57

Сообщение ArtemArable » 01.09.2022{, 19:49}

Кстати, а основную, не связанную с визуализацией логику, как лучше располагать: на отдельных платах до/после UI или можно в связке? С выходами блока не работают клеммы, некоторые штатные блоки.

ArtemArable
Рядовой
Сообщения: 62
Зарегистрирован: 23.11.2020{, 16:46}
Репутация: 1
Имя: Artem

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

#58

Сообщение ArtemArable » 03.09.2022{, 11:15}

Предложение: добавить в настройки блоков количество <br> до и после. Это бы облегчило код FLProg.

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

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

#59

Сообщение artemka19 » 04.09.2022{, 19:34}

*проект на паузе.

-не используйте для больших проектов элемент "Пробел" - вместо него используйте "Промежуток"
*лучше подождите пару дней - на горизонте имеется решение)
Последний раз редактировалось artemka19 04.09.2022{, 19:41}, всего редактировалось 2 раза.

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

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

#60

Сообщение artemka19 » 04.09.2022{, 19:36}

ArtemArable писал(а):
03.09.2022{, 11:15}
Предложение: добавить в настройки блоков количество <br> до и после. Это бы облегчило код FLProg
видимо о пробеле (&nbsp;) речь?

Ответить

Вернуться в «WEB интерфейс»