panel_iframe: встраиваем motionEye и другие сайты в Home Assistant

Стыдно признаться, но я только недавно узнал, как можно добавлять веб-сайты в боковую панель Home Assistant. Например, все тот же motionEye, про который я писал ранее:

Причем до этого я много раз видел скриншоты других конфигураций с кастомизированными элементами боковой панели, но почему-то думал, что это работает только в Home Assistant Supervised 😅

Короче, чтобы встроить веб-сайт в боковую панель достаточно добавить panel_iframe в configuration.yaml:

panel_iframe:
  cctv:
    title: "CCTV"
    url: "https://ссылка.на.ваш.motioneye/"
    icon: "mdi:cctv"

Таким же образом добавляется и HASS Configurator:

panel_iframe:
  cctv:
    title: "CCTV"
    url: "https://ссылка.на.ваш.motioneye/"
    icon: "mdi:cctv"
  configurator:
    title: "Configurator"
    url: "https://ссылка.на.ваш.configurator/"
    icon: "mdi:wrench"
    require_admin: true

Теперь можно редактировать конфиги, не уходя из Home Assistant:

Главное чтобы встраиваемые сайты открывались из того же браузера, через который вы подключаетесь к Home Assistant. Так же ссылки должны быть доступны по HTTPS, если с самим Home Assistant вы работаете по HTTPS.

А вот Умный дом Яндекса встроить не получится:

В общем, идея простая. Таким же образом можно встроить, например, панель управления Zigbee2MQTT или Pi-Hole, либо Node-RED.

Бонус: переход в motionEye по клику на карточку в Lovelace

У меня картинка с камеры видеонаблюдения отображается сразу на панели управления Home Assistant:

Почему бы не настроить открытие панели с motionEye по клику на изображение? Для этого в настройках Picture Entity необходимо выставить «Навигация» в качестве действия при нажатии и указать Путь навигации:

Всё, просто хотел поделиться находкой 🙂