Добавляем zigbee2mqtt-networkmap для Zigbee устройств в HomeAssistant [HACS]

Недавно заметил еще одну интересную карту построения Zigbee сети для HA. Репозиторий находится на github https://github.com/azuwis/zigbee2mqtt-networkmap. Ради интереса поставил. Добро. Установка из HACS

Мне неудалось добавить эту карточку из HACS в HA, что-то не так пошло и оно упорно не ставилось и глухо замирало. Точнее сам скрипт в систему загрузился, но далее дело не шло. Пришлось ставить ручками. Для этого конфигурируем несколько файлов :

sensors.yaml

# plugin zigbee2mqtt-networkmap
  - platform: mqtt
    name: Zigbee2mqtt Networkmap
    # if you change base_topic of Zigbee2mqtt, change state_topic accordingly
    state_topic: zigbee2mqtt/bridge/networkmap/raw
    value_template: >-
      {{ now().strftime('%Y-%m-%d %H:%M:%S') }}
    # again, if you change base_topic of Zigbee2mqtt, change json_attributes_topic accordingly
    json_attributes_topic: zigbee2mqtt/bridge/networkmap/raw

configuration.yaml

lovelace:
  mode: yaml
  resources:
    - url: /hacsfiles/zigbee2mqtt-networkmap/zigbee2mqtt-networkmap.js?v=0.6.0
      type: module

ui-lovelace.yaml

title: Zigbee Network
panel: true # this renders the first card on full width, other cards in this view will not be rendered
cards:
  - type: custom:zigbee2mqtt-networkmap
    entity: sensor.zigbee2mqtt_networkmap
    # the following are optional:
    mqtt_base_topic: zigbee2mqtt # if you change base_topic of Zigbee2mqtt, change it accordingly
    force: 3000 # decrease it to get smaller map if you have many devices
    node_size: 16
    font_size: 10
    link_width: 2
    height: 800 # height of the card
    # use this css config or use whatever css tech to change look and feel,
    # the same variable can also be used in Home Assistant themes, see https://www.home-assistant.io/components/frontend/#defining-themes
    css: |
      :host {
        --zigbee2mqtt-networkmap-node-color: rgba(18, 120, 98, .7);
        --zigbee2mqtt-networkmap-node-fill-color: #dcfaf3;
        --zigbee2mqtt-networkmap-node-pinned-color: rgba(190, 56, 93, .6);
        --zigbee2mqtt-networkmap-link-color: rgba(18, 120, 98, .5);
        --zigbee2mqtt-networkmap-hover-color: #be385d;
        --zigbee2mqtt-networkmap-link-selected-color: rgba(202, 164, 85, .6);
        --zigbee2mqtt-networkmap-label-color: #127862;
        --zigbee2mqtt-networkmap-arrow-color: rgba(18, 120, 98, 0.7);
        --zigbee2mqtt-networkmap-node-coordinator-color: rgba(224, 78, 93, .7);
        --zigbee2mqtt-networkmap-node-router-color: rgba(0, 165, 255, .7);
      }

далее рестартим наш HomeAssistant. Открываем любой MQTT GUI клиент и смотрим что он пихает в базу

отлично. дело пошло. Настроим теперь конфиг под себя так как вся карта не помещалась у меня на одном экране браузера

cards:
  - type: custom:zigbee2mqtt-networkmap
    entity: sensor.zigbee2mqtt_networkmap
    # the following are optional:
    mqtt_base_topic: zigbee2mqtt # if you change base_topic of Zigbee2mqtt, change it accordingly
    force: 2000 # decrease it to get smaller map if you have many devices
    node_size: 10
    font_size: 10
    link_width: 2
    height: 900 # height of the card

обновляем страницу в HA и получаем результат

В отличие от дефолтной Zigbee карты эта прорисовывается быстрее и интереснее. Думаю, чтобы устройства приняли более читабельный вид в конфигурации вашего Zigbee2mqtt (configuration.yaml)  списка устройств переименовать устройства в имена. НапримерЖ

devices:
  '0x00161d0001c82199':
    friendly_name: 'sensor1'
  '0x00161d3301c82133:
    friendly_name: 'sensor2'
0 0 голоса
Рейтинг статьи
Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x
()
x