139
правок
м |
|||
Строка 1: | Строка 1: | ||
=Исходные данные= | == Описание == | ||
{{Wbincludes:Community}} | |||
== Исходные данные == | |||
Имеется: | Имеется: | ||
# Контроллер [https://wirenboard.com/ru/product/wiren-board-7/ Wiren Board 7] с различными датчикам, модулями реле и диммерами | # Контроллер [https://wirenboard.com/ru/product/wiren-board-7/ Wiren Board 7] с различными датчикам, модулями реле и диммерами | ||
Строка 7: | Строка 10: | ||
Хочется научиться создавать интерфейс для управления некоторыми функциями умного дома - просмотр показаний с датчиков температуры, управлять каналами реле (освещение) и диммировать подсветку в нише штор. | Хочется научиться создавать интерфейс для управления некоторыми функциями умного дома - просмотр показаний с датчиков температуры, управлять каналами реле (освещение) и диммировать подсветку в нише штор. | ||
=Выбор технологий= | == Выбор технологий == | ||
С учётом того что esp32 имеет большое комьюнити в Интернет, решить задачу можно разными способами, я для себя выделил несколько потенциальных: | С учётом того что esp32 имеет большое комьюнити в Интернет, решить задачу можно разными способами, я для себя выделил несколько потенциальных: | ||
# написание кода непосредственно на [https://ru.wikipedia.org/wiki/C%2B%2B C++] с использованием библиотеки [https://lvgl.io/ LVGL] | # написание кода непосредственно на [https://ru.wikipedia.org/wiki/C%2B%2B C++] с использованием библиотеки [https://lvgl.io/ LVGL] | ||
Строка 23: | Строка 26: | ||
После заливки прошивки с помощью Type-C кабель и ресурса [https://web.esphome.io/ web.esphome.io] дисплей заработал, появилась стартовая страничка, я решил погружаться в этот продукт. | После заливки прошивки с помощью Type-C кабель и ресурса [https://web.esphome.io/ web.esphome.io] дисплей заработал, появилась стартовая страничка, я решил погружаться в этот продукт. | ||
=Установка прошивки= | == Установка прошивки == | ||
Здесь не хочу останавливаться надолго, в двух словах процесс прошивки выглядит так: | Здесь не хочу останавливаться надолго, в двух словах процесс прошивки выглядит так: | ||
# скачиваем bin-файл | # скачиваем bin-файл | ||
Строка 35: | Строка 38: | ||
[[Файл:Снимок экрана 2024-07-23 213248.jpg]] | [[Файл:Снимок экрана 2024-07-23 213248.jpg]] | ||
=Вёрстка интерфейса= | == Вёрстка интерфейса == | ||
Интерфейс верстается с помощью [https://www.json.org/json-en.html JSON] в разделе File Editor, прилагаю [https://www.openhasp.com/0.7.0/design/file-editor/ ссылку на документацию] | Интерфейс верстается с помощью [https://www.json.org/json-en.html JSON] в разделе File Editor, прилагаю [https://www.openhasp.com/0.7.0/design/file-editor/ ссылку на документацию] | ||
Строка 64: | Строка 67: | ||
</syntaxhighlight> | </syntaxhighlight> | ||
=Реактивность интерфейса= | == Реактивность интерфейса == | ||
Нам остаётся "оживить" наш интерфейс. Для этого нам понадобится установленный [https://hacs.xyz/ HACS] в нашем Home Assistant. | Нам остаётся "оживить" наш интерфейс. Для этого нам понадобится установленный [https://hacs.xyz/ HACS] в нашем Home Assistant. | ||
Строка 154: | Строка 157: | ||
[[Файл:Снимок экрана 2024-07-23 215834.jpg]] | [[Файл:Снимок экрана 2024-07-23 215834.jpg]] | ||
=Результат= | == Результат == | ||
В итоге имеем 7" панельку с питанием от Type-C, которую можно использовать для управления функциями умного дома, с возможность выводить показания датчиков, управления реле и диммерами, также можно добавить термостаты отопления и теплых полов, кондиционеры, есть возможность многостраничной вёрстки, в общем инструмент очень достойный. | В итоге имеем 7" панельку с питанием от Type-C, которую можно использовать для управления функциями умного дома, с возможность выводить показания датчиков, управления реле и диммерами, также можно добавить термостаты отопления и теплых полов, кондиционеры, есть возможность многостраничной вёрстки, в общем инструмент очень достойный. |
правок