Страница 1 из 8

My Settings (WEB-интерфейс) для ESP32/ESP8266

Добавлено: 07 июл 2025, 21:34
Dryundel
My Settings
Простой конструктор! Лёгкая замена Sсada !
Продвинутый и гибко настраиваемый интерфейс!

.
Интерфейс1.3.jpg
.
MySettings(Light)_v1.3.zip
.
Обновления в версии 1.3 + пример со всплывающим окном.
► Показать
Архив релизов
► Показать
.
Читать все спойлеры обязательно !!!
.
MySettings(Light) v1.1 - Создаёт мини WEB сервер с помощью которого можно управлять ESP32 из приложения или браузера.
Проект на основе библиотеки Settings от Alex Gyver.

Пакет включает в себя отдельные виджеты которые можно компоновать вставляя блоки в проект.

Список виджетов данной версии:
- Переключатель
- Кнопка (Button)
- Ввод числа (Number)
- Слайдер + двойной слайдер
- Индикатор (лампочка)
- Индикатор с заполнением
- Графики
- Лейбл (текст, значения)
- Вкладка(пара блоков) -
- Пароль
- Всплывающее окно (Warning)
- Цвет (Color)


Приложение для Android
Settings-discover

Приложение для Windows
Remote Settings Management

Основные понятия
► Показать
Пример работы
► Показать
Для работы требуется ↓↓↓
► Показать
Внимание, это важно!!!
► Показать
.
Замеченные баги текущей версии
► Показать
Ссылки на альтернативные проекты на основе Gyver-Settings

Re: My Settings

Добавлено: 07 июл 2025, 21:35
Dryundel
:shok: Особенности MySettings

Порядок сборки в вебинтерфейсе
► Показать


Перепрошивка через OTA
► Показать
Где найти IP адрес устройства
► Показать
Как подобрать цвет для настройки WEB интерфейса
► Показать

Re: My Settings

Добавлено: 07 июл 2025, 23:16
Dryundel
:smile114: Описание, инструкции и примеры работы с My Settings
.
Блоки.jpg
.
Блоки My Settings просты в применении и неприхотливы. Их можно размещать на любых платах, рядом с любыми блоками и при любых настройках Диспетчера задач. Код в них написан так, что обходит все преграды демонических библиотек и никакие диспетчеры задач на них не влияют, а наоборот даже помогают работе My Settings.

Работать с блоками очень просто. Для того, чтобы увидеть начальный результат, надо просто поместить блок на плату, ввести имя вашей домашней сети и пароль, после чего можно сразу компилировать. Можно что нибудь ещё прицепить к блоку, например вход или выход контроллера.

Для теста переключателя подаём сигнал с блока Switch на выход D2 (ESP32 Dev Module) На нём обычно пользовательский светодиод.
Switch - D2.jpg

Всё! можно компилировать.
Если Вы ещё не установили приложение для Android или Windows, то смело открывайте любой браузер, вводите IP адрес и вуаля, можно помигать светодиодом на плате.
.
Браузер - Switch.jpg
.
Светодиод включается и выключается.
.
Светодиод на плате.jpg
.

.
Блоки - Виджеты

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

Блок "Пароль"
► Показать
Блок "Вкладка" (пара)
► Показать
Блок "Переключатель"
► Показать

Re: My Settings

Добавлено: 08 июл 2025, 15:51
nikijd
Эти блоки должны быть разработаны и реализованы в FLProg. Учитывая, что RemoteXY еще не добавлен в программу. Это также будет еще одной альтернативой для удаленного доступа к контроллеру через мобильный телефон и ПК.

Re: My Settings

Добавлено: 08 июл 2025, 20:28
Rovki
nikijd писал(а): 08 июл 2025, 15:51 Эти блоки должны быть разработаны и реализованы в FLProg. Учитывая, что RemoteXY еще не добавлен в программу. Это также будет еще одной альтернативой для удаленного доступа к контроллеру через мобильный телефон и ПК.
Не совсем понял про удаленный доступ. :smile469:

Re: My Settings

Добавлено: 08 июл 2025, 21:19
mixa7001
Очень интересно. Вопрос, Многостраничность или закладки присутствует?
Чтобы разделить разные функции на разные страницы или закладки.
Связь держит, не отваливается?

Re: My Settings

Добавлено: 08 июл 2025, 21:59
Dryundel
mixa7001 писал(а): 08 июл 2025, 21:19 Очень интересно. Вопрос, Многостраничность или закладки присутствует?
Да, такое предполагается в следующих версиях.
mixa7001 писал(а): 08 июл 2025, 21:19 Связь держит, не отваливается?
А вот об этом Вы нам и расскажете, когда протестируете. :)

Re: My Settings

Добавлено: 09 июл 2025, 08:06
nikijd
Ну, я всё ещё подключаюсь к контроллерам извне, перенаправляя порты на роутере. Попробую и отпишусь как можно скорее.

Re: My Settings

Добавлено: 09 июл 2025, 10:58
дрон
Здравствуйте, к световым эффектам WLED законнектился без проблем. Спасибо.

Скриншот 09-07-2025 105212.jpg

Re: My Settings

Добавлено: 10 июл 2025, 07:37
Brama
Как точка доступа не работает?

Re: My Settings

Добавлено: 10 июл 2025, 08:00
Rovki
Вроде не должно быть разницы ...

Re: My Settings

Добавлено: 10 июл 2025, 08:15
nikijd
Здравствуйте. В блоке S-Switch, когда я устанавливаю 2 кнопки, при нажатии первой кнопки сигнал появляется на обоих выходах. А при нажатии второй кнопки ничего не происходит. И действительно, должна быть точка доступа, чтобы можно было настроить клиента через неё.

Re: My Settings

Добавлено: 10 июл 2025, 09:19
Dryundel
nikijd писал(а): 10 июл 2025, 08:15 Здравствуйте. В блоке S-Switch, когда я устанавливаю 2 кнопки, при нажатии первой кнопки сигнал появляется на обоих выходах. А при нажатии второй кнопки ничего не происходит. И действительно, должна быть точка доступа, чтобы можно было настроить клиента через неё.
Да, есть такое. Опечатка.

Как исправить (до выхода новой версии).
Для того чтобы изменения вступили в силу и в текущем проекте и в библиотеке блоков надо в проекте кликнуть правой кнопкой мыши на блок и выбрать "Редактировать".
В дереве редактора найти - Пакет блоков - Переключатель - Выходы - Выход Switch2
Справа в коде заменить Switch_1_<INS.UUID> на Switch_2_<INS.UUID>
После этого сохранить.
► Показать

Re: My Settings (WEB-интерфейс) для ESP32/ESP8266

Добавлено: 10 июл 2025, 20:24
skrickis
загрузил ваш пример в ESP32S3 Dev Module всё работает на андроиде :smile9:
буду собирать проект :yes:
На компе не заработал

Re: My Settings (WEB-интерфейс) для ESP32/ESP8266

Добавлено: 12 июл 2025, 15:38
AleksejTRUE
Dryundel писал(а): 07 июл 2025, 21:34 4. ESPAsyncTCP (jesserockz Jesse Hills) - Установка вручную
https://github.com/esphome/ESPAsyncTCP
5. ESPAsyncWebServer (esphomebot) - Установка вручную
https://github.com/esphome/ESPAsyncWebServer

*Установка вручную - Скачать, распаковать и поместить в папку:
......"FLProg"\ideV8\portable\sketchbook\libraries
Тема классная. Решил проверить, НО....
при выполнении всех рекомендаций при прошивке МК выдало ошибку:

"Неверная библиотека найдена в d:\FLProg\Portable_FLProg_9-4-0_Win64\ideV8\portable\sketchbook\libraries\ESPAsyncTCP-main: нет заголовочных файлов (.h), найденных в d:\FLProg\Portable_FLProg_9-4-0_Win64\ideV8\portable\sketchbook\libraries\ESPAsyncTCP-main

Неверная библиотека найдена в d:\FLProg\Portable_FLProg_9-4-0_Win64\ideV8\portable\sketchbook\libraries\ESPAsyncWebServer-main: нет заголовочных файлов (.h), найденных в d:\FLProg\Portable_FLProg_9-4-0_Win64\ideV8\portable\sketchbook\libraries\ESPAsyncWebServer-main"


Полез в папку с библиотеками ESPAsyncTCP и ESPAsyncWebServer (библиотеки под пунктами 4 и 5), и в папках с их содержимым буквально отсутствуют файлы с расширением ".h".
Отсутствуют файлы в каждой библиотеке: "ESPAsyncTCP.h" и "ESPAsyncWebServer.h"

Ради интереса проверил папки с библиотеками по пунктам 1-3. Файлы с расширениями ".h" в них присутствуют.

Есть ли у вас в папках с библиотеками ESPAsyncTCP и ESPAsyncWebServer по файлы "ESPAsyncTCP.h" и "ESPAsyncWebServer.h" ? или я не туда копаю?

Re: My Settings (WEB-интерфейс) для ESP32/ESP8266

Добавлено: 12 июл 2025, 17:16
AleksejTRUE
Dryundel
В какой версии FLProg разрабатывался проект?
Помимо вышеуказанных ошибок еще несколько библиотек найдено для "WiFi.h"

Re: My Settings (WEB-интерфейс) для ESP32/ESP8266

Добавлено: 12 июл 2025, 18:17
Dryundel
AleksejTRUE писал(а): 12 июл 2025, 17:16 Dryundel
В какой версии FLProg разрабатывался проект?
Помимо вышеуказанных ошибок еще несколько библиотек найдено для "WiFi.h"
FLProg 9.4.0
AleksejTRUE писал(а): 12 июл 2025, 15:38 при выполнении всех рекомендаций при прошивке МК выдало ошибку:
Вы архивы библиотек распаковали?
Лишнюю папку не добавили?

На сообщения типа:
Неверная библиотека найдена в d:\FLProg\Portable_FLProg_9-4-0_Win64......
Можно не обращать особого внимания.
На компиляцию проекта такие ошибки зачастую не влияют.

Вы прошивать пробовали?
Какую строчку выделяет компилятор при прошивке?
Какую конкретно указывает ошибку?

Re: My Settings (WEB-интерфейс) для ESP32/ESP8266

Добавлено: 13 июл 2025, 10:35
AleksejTRUE
Dryundel писал(а): 12 июл 2025, 18:17
AleksejTRUE писал(а): 12 июл 2025, 17:16 Dryundel
В какой версии FLProg разрабатывался проект?
Помимо вышеуказанных ошибок еще несколько библиотек найдено для "WiFi.h"
FLProg 9.4.0
Я тоже использую FLProg 9.4.0, но только портативную версию и с ней у меня проблема.
На 9.4.0 в Arduino IDE невозможно подгрузить библиотеки, платы, расширения.
Ошибка при загрузке https://downloads.arduino.cc/libraries/ ... index.json
Пытался делать различные приемы, чтобы это обойти, но все попытки оказались четными, но это не так важно.

На этом же компе стоит FLProg 8.2.3 (стационарный вариант) и в Arduino IDE все работает, все скачивается и устанавливается.
Библиотеки скачивал через Arduino IDE в FLProg 8.2.3, а потом перемещал в папку к FLProg 9.4.0: ........\ideV8\portable\sketchbook\libraries

Как в 9.4.0, так и в 8.2.3 Arduino IDE 1.18.19

Буду устанавливать стационарный вариант FLProg 9.4.0 и пребывать сначала
Dryundel писал(а): 12 июл 2025, 18:17 Вы архивы библиотек распаковали?
Лишнюю папку не добавили?
Все распаковал без лишних папок. Копировал в ........\ideV8\portable\sketchbook\libraries
Как и писал ранее все делал с учетом ваших рекомендаций.
Dryundel писал(а): 12 июл 2025, 18:17 Вы прошивать пробовали?
Прошивать пробовал.
С теми библиотеками, что указаны в пунктах 3-5 вкладки "Для работы требуется":
3. arduinoWebSockets (Links2004 Markus) - Установка вручную
https://github.com/Links2004/arduinoWebSockets
4. ESPAsyncTCP (jesserockz Jesse Hills) - Установка вручную
https://github.com/esphome/ESPAsyncTCP
5. ESPAsyncWebServer (esphomebot) - Установка вручную
https://github.com/esphome/ESPAsyncWebServer
С этими библиотеками ошибка была:

"Неверная библиотека найдена в d:\FLProg\Portable_FLProg_9-4-0_Win64\ideV8\portable\sketchbook\libraries\ESPAsyncTCP-main: нет заголовочных файлов (.h), найденных в d:\FLProg\Portable_FLProg_9-4-0_Win64\ideV8\portable\sketchbook\libraries\ESPAsyncTCP-main

Неверная библиотека найдена в d:\FLProg\Portable_FLProg_9-4-0_Win64\ideV8\portable\sketchbook\libraries\ESPAsyncWebServer-main: нет заголовочных файлов (.h), найденных в d:\FLProg\Portable_FLProg_9-4-0_Win64\ideV8\portable\sketchbook\libraries\ESPAsyncWebServer-main"

В паках с библиотеками ESPAsyncTCP и ESPAsyncWebServer в папке "scr" нашел файлы с ESPAsyncTCP.h и ESPAsyncWebServer.h и скопировал каждый файл в свою папку.
После этого проблема ушла, но МК не прошивался, так как аналогичное действие для библиотеки WiFi не прошло, осталась ошибка "несколько библиотек найдено для "WiFi.h""

После всех танцев с бубном в FLProg 8.2.3 (стационарный вариант) и в Arduino IDE нашел библиотеку SPAsyncWebServer от esphomebot, установил предварительно удалив скаченные ранее по ссылкам https://github.com/esphome/ESPAsyncTCP и https://github.com/esphome/ESPAsyncWebServer,
Так же установил различных библиотек для WiFi.
Dryundel писал(а): 12 июл 2025, 18:17 Какую строчку выделяет компилятор при прошивке?
Какую конкретно указывает ошибку?
Компилятор выделял строчку библиотеки с расширение "h": WiFi.h
Ошибка была библиотека не найдена.....

После установки различных библиотек для WiFi типа выбирает из списка нужную и ошибка:
► Показать

Re: My Settings (WEB-интерфейс) для ESP32/ESP8266

Добавлено: 13 июл 2025, 11:04
Dryundel
AleksejTRUE писал(а): 13 июл 2025, 10:35 Этот отчёт будет иметь больше информации с
включенной опцией Файл -> Настройки ->
"Показать подробный вывод во время компиляции"
О боже мой! :)
Бяда с Вами.
Итак:
1. Посмотрите свойства архива FLPror 9.4.x, который скачали. Если там стоит статус типа "Этот файл скачан с другого компа... Бла-бла бла" - исправьте это. И только потом распаковывайте архив портативной версии. (у меня тоже портативная).
2. В распакованной программе также посмотрите статус файлов *.exe. Если та-же хрень - скажу что сделать.
3. Откройте Arduino IDE (запустив на компиляцию пустой проект) и отключите прокси сервер в настройках.
4. Поставьте компилятор на не показывать ничего. Оно вам не надо.

Ну и самое главное спрячте портянку с ошибками под спойлер. :)

Пакет Settings не будет корректно работать на версии ниже 9.4.0 особенно дальнейшие релизы.

PS И да, чуть не забыл, установите папку программы FLProg в корень диска "С". И имя папки сократите до минимума.

Re: My Settings (WEB-интерфейс) для ESP32/ESP8266

Добавлено: 13 июл 2025, 11:32
Dryundel
skrickis писал(а): 10 июл 2025, 20:24 загрузил ваш пример в ESP32S3 Dev Module всё работает на андроиде :smile9:
буду собирать проект :yes:
На компе не заработал
1. Комп должен быть подключён к той же сети.
2. Для сканирования поставьте по принципу 192.168.1.0/24, где первые 3 числа соответствуют вашей локалке.
3. Если не находит то сканируйте с конкретным адресом устройства из монитора порта.
.
Screenshot_2025-07-13-11-26-57-273_com.yandex.browser-edit.jpg