Содержание
Введение в 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
Управление доступом пользователей к панелям
Разные представления для разных пользователей
Home Assistant позволяет настроить разные панели Lovelace для различных пользователей и ролей. Например, администратор может видеть все панели и параметры системы, в то время как обычный пользователь видит только ограниченный набор управления.
Это делается через конфигурацию профилей и разделение представлений в файле конфигурации, где каждый пользователь может иметь свой набор вкладок и карточек.
Заключение
Создание идеальной панели управления умным домом в Home Assistant — это увлекательный процесс, который позволяет полностью адаптировать интерфейс под свои потребности. Начав с простых стандартных карточек и постепенно добавляя красивые компоненты из HACS (такие как Mushroom), вы сможете создать профессиональный дашборд. Комбинируйте различные карточки, организуйте устройства по комнатам и сценариям, и ваша система управления домом станет по-настоящему умной и удобной.
Читайте про умный дом:
🌐 Сайт
📱 Телеграм
📰 Дзен
