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

[Dryundel]

My Settings
Простой конструктор! Лёгкая замена Sсada !
Продвинутый и гибко настраиваемый интерфейс!
.

Tests_MySettings_1.flp

MySettings(Light)_v1.0_(b).ubi

Интерфейс.jpg

Читать все спойлеры обязятельно !!!

.
MySettings(Light) v1.0 (b) - Создаёт мини-вебсервер с помощью которого можно управлять ESP32 из приложения или браузера.
Это пилотная версия проекта в которой реализовано менее 5% возможности библиотеки Settings от Alex Gyver. Возможно проект будет продолжен, если возникнет на то интерес пользователей.
А если Сергей добавит в редактор всего одну функцию, (он знает какую) то проект взлетит.

Пакет включает в себя отдельные виджеты которые можно компоновать вставляя блоки в проект.
Список виджетов данной версии:
- Переключатель
- Слайдер + двойной слайдер
- Индикатор (лампочка)
- Индикатор с заполнением
- Графики

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

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

Основные понятия

► Показать

Интерфейс (скрин).jpg

Пример работы

► Показать

WEB интерфейс.gif

Для работы требуется ↓↓↓

► Показать

Для работы блоков необходимо установить пакет библиотек:
1. Settings (Alex Gyver) последней версии.
Устанавливается из Менеджера библиотек в Arduino IDE
При установке библиотеки Settings необходимо выбрать установку
с зависимыми библиотеками. Должен автоматически установиться пакет:
GTL v1.3.0+
GyverDB v1.3.0+
StringUtils v1.4.30+
GyverHTTP v1.0.26+
BSON v2.1.0+
Stamp v1.4.0+
Table v1.2.0+
StreamIO v1.0.5+
2. GyverTimer - так же из Менеджера библиотек в Arduino IDE
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

*Установка вручную - Скачать, распаковать и поместить в папку:
......"FLProg"\ideV8\portable\sketchbook\libraries

Внимание, это важно!!!

► Показать

В силу ограниченного функционала редактора блоков, есть небольшая ложка дёгтя.

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

(таких блоков несколько - по числу блоков в проекте минус 1)

Код: Выделить всё

    // ↓-------------------------------------↓ Builder ↓-------------------------------------↓
}
void build184059309(sets::Builder& b184059309)  
{
    // ↑-------------------------------------↑ Builder ↑-------------------------------------↑

Должны остаться только два комментария:
Самый первый

Код: Выделить всё

    // ↑-------------------------------------↑ Builder ↑-------------------------------------↑

И самый последний

Код: Выделить всё

    // ↓-------------------------------------↓ Builder ↓-------------------------------------↓

После этого можно прошивать.

Удаление лишнего кода.gif

.

[Dryundel]

Особенности MySettings

Порядок сборки в вебинтерфейсе

► Показать

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

Рекомендуется не использовать больше 2-3 блоков на одной плате, если Вы не уверены в окончательной компоновке.

В одном блоке много настроек. Поэтому, настроенный блок можно скопировать Ctrl+C и сразу вставить Ctrl+V.
Дубликат станет последним в компоновке на плате. Исходник удалить.

[Dryundel]

Описание, инструкции и примеры работы с My Settings
.

Блоки.jpg

.
Блоки My Settings просты в применении и неприхотливы. Их можно размещать на любых платах, рядом с любыми блоками и при любых настройках Диспетчера задач. Код в них написан так, что обходит все преграды демонических библиотек и никакие диспетчеры задач на них не влияют, а наоборот даже помогают работе My Settings.

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

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

Switch - D2.jpg

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

Браузер - Switch.jpg

.
Ге взять IP адрес вашего девайса?
Для этого откройте Монитор порта в Arduino IDE и перезапустите контроллер нажав на кнопку EN на контроллере.
Вся необходимая информация выведется в монитор порта.
.

IP - Монитоор порта.jpg

.
Светодиод включается и выключается.
.

Светодиод на плате.jpg

.

[nikijd]

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

[Rovki]

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

Не совсем понял про удаленный доступ.

[mixa7001]

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

[Dryundel]

Очень интересно. Вопрос, Многостраничность или закладки присутствует?

Да, такое предполагается в следующих версиях.

Связь держит, не отваливается?

А вот об этом Вы нам и расскажете, когда протестируете.

[nikijd]

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

[дрон]

Здравствуйте, к световым эффектам WLED законнектился без проблем. Спасибо.

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

[Brama]

Как точка доступа не работает?

[Rovki]

Вроде не должно быть разницы ...

[nikijd]

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

[Dryundel]

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

Да, есть такое. Опечатка.

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

► Показать

БфгSwitch2.jpg

[skrickis]

загрузил ваш пример в ESP32S3 Dev Module всё работает на андроиде
буду собирать проект
На компе не заработал