Введение в Lovelace
Lovelace (или «Панели управления») — это мощный и гибкий пользовательский интерфейс Home Assistant, который позволяет создать уникальную панель управления умным домом под ваши нужды. В отличие от стандартного автоматически генерируемого интерфейса, Lovelace предоставляет полный контроль над внешним видом, структурой и функциональностью вашей системы управления. Вы можете организовать устройства по комнатам, создать удобные сценарии и значительно улучшить взаимодействие с домом через мобильные устройства, планшеты и настольные компьютеры.
Режимы работы: Визуальный и YAML
Редактирование конфигурации
Home Assistant поддерживает два способа настройки.
- Визуальный редактор (GUI): Стандартный режим, где вы добавляете карточки через меню.
- Режим YAML: Позволяет писать код вручную для максимальной гибкости.
Для начала работы с кодом не обязательно отключать визуальный редактор. Вы можете нажать «Три точки» в углу экрана -> «Изменить панель управления», а затем снова «Три точки» -> «Редактор исходной конфигурации». Это самый безопасный способ редактировать YAML прямо в браузере.
Если же вы хотите хранить конфигурацию в отдельном файле (для продвинутых пользователей), процесс переключения выглядит так:
- Откройте файл
configuration.yaml - Добавьте строку
lovelace: mode: yaml - Создайте пустой файл
ui-lovelace.yamlв главной папке конфигурации - Перезагрузите сервер Home Assistant
Внимание: этот метод полностью отключает визуальный редактор для данной панели.
Структура конфигурации
Базовая структура YAML-кода для панели включает следующие элементы:
|
1 2 3 4 5 6 7 8 9 10 |
title: Мой Умный Дом views: — title: Главная icon: mdi:home cards: — type: entities title: Датчики entities: — sensor.temperature — sensor.humidity |
Главные компоненты конфигурации:
- title — название главной панели
- views — список всех страниц/вкладок интерфейса
- cards — карточки с элементами управления на каждой странице
Основные типы карточек (Встроенные)
Карточки сущностей (Entities Card)
Карточка entities — одна из самых универсальных и часто используемых. Она позволяет отобразить список датчиков, выключателей и других устройств.
|
1 2 3 4 5 6 7 |
— type: entities title: Гостиная entities: — light.living_room — switch.air_conditioner — sensor.temperature_living_room show_header_toggle: true |
Карточки графиков (History Graph)
Стандартная карточка для отображения истории изменений (температуры, влажности и т.д.).
|
1 2 3 4 5 6 7 |
— type: history—graph title: История температур entities: — sensor.temperature_bedroom — sensor.temperature_living_room hours_to_show: 24 refresh_interval: 0 |
Карточки кнопок (Button Card)
Простая кнопка для быстрого вызова сценариев или переключения устройств.
|
1 2 3 4 5 6 |
— type: button entity: light.bedroom name: Свет в спальне icon: mdi:lightbulb tap_action: action: toggle |
Карточки с состояниями (Glance Card)
Компактная карточка для отображения нескольких устройств с их текущим состоянием и значками.
|
1 2 3 4 5 6 |
— type: glance title: Быстрый доступ entities: — light.kitchen — light.bedroom — switch.washing_machine |
Организация интерфейса по комнатам и сценариям
Структурирование по помещениям
Логичная организация интерфейса по комнатам делает управление домом более интуитивным. Каждая вкладка (view) может соответствовать отдельному помещению.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 |
views: — title: Главная icon: mdi:home cards: — type: entities title: Обзор системы entities: — sensor.home_temperature — sensor.home_humidity — title: Гостиная icon: mdi:sofa cards: — type: entities title: Освещение entities: — light.living_room_main — light.living_room_wall — type: entities title: Климат entities: — climate.living_room_ac — sensor.temperature_living_room — title: Спальня icon: mdi:bed cards: — type: entities title: Управление entities: — light.bedroom — climate.bedroom — switch.bedroom_fan |
Сценарии и автоматизация
Создавайте отдельные вкладки для сценариев, которые объединяют несколько действий.
|
1 2 3 4 5 6 7 8 9 10 11 |
— title: Сценарии icon: mdi:play—circle cards: — type: button entity: script.leaving_home name: Уходим из дома icon: mdi:exit—run — type: button entity: script.movie_time name: Кино icon: mdi:movie |
Темы оформления и кастомизация
Встроенные темы
Вы можете прописать свои темы в файле configuration.yaml (не в файле интерфейса!). После добавления кода нужно перезагрузить YAML конфигурацию и выбрать тему в настройках профиля.
|
1 2 3 4 5 6 7 8 9 10 11 |
# Добавляется в configuration.yaml frontend: themes: light_theme: primary—color: «#03A9F4» primary—text—color: «#fff» background—color: «#fafafa» dark_theme: primary—color: «#1A237E» primary—text—color: «#fff» background—color: «#121212» |
Dwains Dashboard — альтернативное решение
Для пользователей, которые хотят получить готовую структуру без написания кода, существует решение Dwains Dashboard. Это готовый набор, который автоматически генерирует панель управления, поддерживающую настольные компьютеры, планшеты и мобильные телефоны. Для её настройки не требуется написание YAML файлов — всё делается в визуальном редакторе интеграции.
Установка Dwains Dashboard:
- Перейдите в HACS (Home Assistant Community Store)
- Нажмите на раздел «Интеграции»
- Найдите «Dwains Dashboard» и скачайте его
- Перезагрузите Home Assistant
- В настройках интеграций (Настройки -> Устройства и службы) добавьте «Dwains Dashboard»
HACS-плагины для улучшения интерфейса
Что такое HACS
HACS (Home Assistant Community Store) — это магазин сообщества, где находятся тысячи пользовательских компонентов. Именно здесь вы можете скачать нестандартные карточки (Custom Cards), которые выглядят намного лучше встроенных.
Популярные плагины для Lovelace
Примечание: Для использования приведенного ниже кода, сначала установите соответствующие плагины через HACS в разделе «Интерфейс» (Frontend).
Mushroom Cards — набор современных и красивых карточек с минималистичным дизайном в стиле Material You.
|
1 2 3 4 5 6 7 8 |
— type: custom:mushroom—light—card entity: light.living_room name: Гостиная icon: mdi:lightbulb — type: custom:mushroom—climate—card entity: climate.living_room_ac name: Климат |
Swipe Card — позволяет переключаться между несколькими карточками свайпом.
|
1 2 3 4 5 6 7 8 9 10 |
— type: custom:swipe—card cards: — type: entities title: Освещение entities: — light.kitchen — type: entities title: Климат entities: — climate.living_room_ac |
Mini Graph Card — замена стандартным графикам. Более компактная и красивая.
|
1 2 3 4 5 6 7 |
— type: custom:mini—graph—card entities: — sensor.temperature_bedroom — sensor.humidity_bedroom title: Климат в спальне line_width: 2 show_legend: true |
Установка плагинов из HACS
Процесс установки плагинов:
- В левом меню нажмите на HACS
- Перейдите в раздел «Пользовательский интерфейс» (Frontend)
- Нажмите кнопку поиска и введите название нужного плагина (например, Mushroom)
- Нажмите на результат и выберите «Установить» (Download)
- После установки обязательно перезагрузите страницу браузера (очистите кэш)
Пример продвинутой панели управления
Комплексный пример конфигурации (Mushroom + Mini Graph)
Внимание: Для работы этого примера должны быть установлены плагины Mushroom Cards и Mini Graph Card из HACS.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 |
title: Мой Умный Дом views: — title: Главная icon: mdi:home cards: — type: custom:mushroom—title—card title: Добро пожаловать домой! subtitle: Вторник, 2 декабря — type: custom:mini—graph—card entities: — sensor.home_temperature — sensor.home_humidity title: Климат в доме line_width: 2 — type: entities title: Быстрые действия entities: — light.all_lights — switch.all_devices — title: Гостиная icon: mdi:sofa cards: — type: custom:mushroom—light—card entity: light.living_room name: Основное освещение icon: mdi:lightbulb — type: custom:button—card entity: light.living_room_wall name: Настенный свет icon: mdi:wall—sconce—flat — type: custom:mushroom—climate—card entity: climate.living_room_ac name: Кондиционер — title: Сценарии icon: mdi:play—circle cards: — type: custom:swipe—card cards: — type: custom:button—card entity: script.leaving_home name: Уходим icon: mdi:exit—run — type: custom:button—card entity: script.movie_time name: Кино icon: mdi:movie |
Управление доступом пользователей к панелям
Разные представления для разных пользователей
Home Assistant позволяет настроить разные панели Lovelace для различных пользователей и ролей. Например, администратор может видеть все панели и параметры системы, в то время как обычный пользователь видит только ограниченный набор управления.
Это делается через конфигурацию профилей и разделение представлений в файле конфигурации, где каждый пользователь может иметь свой набор вкладок и карточек.
Заключение
Создание идеальной панели управления умным домом в Home Assistant — это увлекательный процесс, который позволяет полностью адаптировать интерфейс под свои потребности. Начав с простых стандартных карточек и постепенно добавляя красивые компоненты из HACS (такие как Mushroom), вы сможете создать профессиональный дашборд. Комбинируйте различные карточки, организуйте устройства по комнатам и сценариям, и ваша система управления домом станет по-настоящему умной и удобной.
Читайте про умный дом:
🌐 Сайт
📱 Телеграм
📰 Дзен
Добавить комментарий