Найти тему
Smart home Russia

Интегрируем web-страницы в Home Assistant

Рассмотрим возможность интегрировать в обычный Home Assistant Container панели управления ESP Home и ZigBee2MQTT, а также любые другие страницы, при необходимости.

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

Translation to English is here. Также основной канал в telegram.

Очень часто я вижу в различных чатах/форумах рекомендации по установке той или иной версии Home Assistant или даже полноценной HA OS. Такие рекомендации кажутся мне очень странными, т.к. обычно не имеют под собой аргументов. Конкретному человеку хорошо подходит в данный момент конкретная версия. Это как вопрос "какая машина лучше?" или "Какая еда вкуснее?". Каждому - свое. Нужно пробовать, чтобы понять.

Я использую версию Container. ZigBee2MQTT, MQTT и ESP Home у меня установлены таким же методом в Docker. Мне так удобно, мне так нравится, это только мой путь, и поэтому только о нем я и пишу. Что же касается панели Supervisor, то может быть она и полезна вначале новичкам, но я еще не нашел для себя пользы в ее применении. Да и удаленный рабочий стол и portainer.io пока еще ничем не уступают по удобству для новичка, правда требуется чуть больше кликов мышки.

К чему эта лирика? Часто, как один из аргументов, я слышу, что в версии container не поддерживает то или иное. Давайте взглянем на сравнительную таблицу с сайта самого HA:

Действительно, такое мнение поддерживается даже на официальной странице Home Assistant, но все немного не так. Теперь посмотрим на реальную картину:

1. Вместо панели Supervisor есть portainer.io. Однако, соглашусь, что, наверное, в панели supervised это делается немного удобнее. Что же попробуем приблизиться к этому ниже.

2. Что касается аддонов, то мы уже установили ее раньше:

Тут меня поправили, что аддонами HA называет не "кастомные компоненты", а докер контейнеры, которые устанавливаются из интерфейса HA. Наверное для новичков такой способ удобнее, но других преимуществ я не вижу.

3. По поводу Backup'ов - тоже странное утверждение. Берем и копируем папку с данными контейнера на новый компьютер, запускаем контейнер и все должно быть, как и прежде.

Как вы помните, при установке каждого компонента (контейнера), страничка управления вешается на свой порт. ESP Home на 6052, Z2M на 8080, portainer.io на 9000 и т.д. Это действительно может создать неудобство при управлении умным домом.

Но нет ничего невозможного и можно легко интегрировать все эти странички в Home Assistant штатными методами, и я покажу, как это сделать на примере того же ESP Home. Как всегда - все просто.

1. Зайдем на главную страничку Home Assistant → перейдем в настройки → там найдем пункт Dashboards → Создадим новую панель. Название одноименное ESP Home и в значках я нашел "car-esp". Конечно же ESP в машине к платам ESP не имеет никакого отношения, но значок меня устроил полностью. Можете выбрать любой другой, если что. Нажмем "создать"

Теперь у нас есть панель с названием ESP и в ней находится все тоже самое, что и в основной панели. Это был первый шаг. Теперь превратим панель во что-то другое.

2. Перейдем в новую панель, нажмем в правом верхнем углу 3 точки→ нажмем изменить dashboard → Нас спросят, хотим ли мы получить контроль над панелью? → Мы отвечаем, что хотим начать с чистого листа, переключив соответствующую галку и жмем "взять контроль".

У нас появляется чистый лист, теперь с ним можно делать то, что мы хотим.

3. Перейдем в настройки панели, нажав карандаш → В открывшемся окне нужно изменить тип представления на "1 карточка" → сохранимся

Теперь все готово. Внешне панель не отличается ничем, но теперь карточки не складываются в 3 столбика, а будет только одна карточка и она будет на 100% занимать всю панель.

4. Последний этап, нам нужно эту одну карточку добавить. Жмем "добавить карту" → прокрутим страницу вниз → выберем "Webpage" → Откроется страница конфигурации. Нас интересуют два поля, страница и масштаб. Масштаб при настройке "1 карта на панель" у меня не играет роль. → в поле "URL" вводим адрес нашей странички ESP Home → Нажимаем "сохранить" → уже видим предварительные плоды → нажимаем "выполнено" в правом верхнем углу и наслаждаемся результатом.

Теперь панель ESP Home является браузером со стартовой страницей, открывающей доступ к странице ESP Home.

Таким образом можно создать панель с любой страницей, вот, например панель с настройками ZigBee2MQTT

-6

Вот теперь можно смело говорить, что Home Assistant Container тот еще конструктор и на его базе можно смело получить все что угодно и это будет контролируемо и управляемо.

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

Также публикации можно найти на других площадках: Instagram, telegram (RU, EN, DE), Medium, LiveJournal, YouTube.

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