"Lovelace UI": qu'est-ce que le frontal et comment ça marche Home Assistant

4 minutes de lecture

Comme tu le sais bien qui utilise depuis longtemps Home Assistant - peut-être le plus connu parmi les HUB logiciel personnel - interface utilisateur est l'outil en charge à la fois d'interroger la propremière domotique personnelle (par exemple, lecture de la valeur d’un capteur) à la fois pour le contrôler de la manière la plus disparate. Cette interface est essentiellement basée sur le Web et peut être approchée via un navigateur traditionnel ou via app: c'est en fait une interface web sensible, qui est capable s'adapter au support d'affichage.

Avant cela, à partir de la version 0.86 d' Home Assistant, la nouvelle interface a été officiellement introduite, la configuration de Home Assistant était également responsable du comportement de l'interface utilisateur. L'introduction de la nouvelle interface, nom de code Lovelace, introduit toute une série de nouveautés d'une extrême importance.

Premièrement, la nouveauté la plus pertinente réside dans le choix (sacro-saint) de découpler la configuration duHUB de son interface. En pratique, depuis l'introduction de Lovelace, une chose est la configuration duHUB (sur lequel nous avons passé de nombreux aspects), un autre son interface utilisateur. La définition de ce dernier est maintenant complètement indépendante de la configuration de laHUB, ce qui les ouvre non pas vers une plus grande clarté, mais aussi vers une série de fonctions supplémentaires initialement non prévues.

Home Assistant - lovelace-ui-compare
l'ancien modèle fonctionnelnamento (à gauche) et le nouveau (à droite).

Ce nouveau modèle fonctionnelnameComme mentionné, il s’est ouvert à toute une série de nouvelles fonctionnalités, à partir du concept de "Card".

CARTE

Le "Card"Sont des dizaines de modèles prédéfinis qui vous permettent de visualiser, au niveau du front-end, les informations les plus disparates relatives aux spécifications entité ou des groupes de, ainsi que de fournir à l'utilisateur les outils pour agir activement sur la domotique (par exemple, commander quelque chose).

Home Assistant Lovelace UI présente des dizaines de différents "Card”Ce qui permet à l'utilisateur de personnaliser l'apparence de l'interface. Pour donner un exemple, l’un des plus classiques est celui dédié aux lumières:

Home Assistant - lovelace_light_card

Dans l'exemple ci-dessus, il est possible apprezzare the rappinscription au frontend de deux entités de type "Light"; comme il est facile de le deviner, il est non seulement possible d'allumer / éteindre la lumière, mais aussi de régler son intensité (évidemmentapple resentata doit le prévoir de son côté).

De plus, les spécifications Lovelace permettent de définir proprie rappRésentations graphiques définies "Personnalisé Card": Cela a donné naissance à un vivant proproduction de Card Coutume mis à disposition par la communauté. Développer ces Card Est-il possible en suivant les instructions fourni par l'équipe de développement de Home Assistant.

Le génie de "Card"Et" Personnalisé Card"Réside dans le fait de prévoir, en soi, variables et méthodes, qui vous permet de personnaliser très précisément le comportement de l’interface graphique; cependant, il est important de rappeler comment ces automatismes / personnalisations se réfèrent unique à la portée de l'interface et non à la fonctionnamede laHUB vrai e prod'abord, qui n'est pas au courant de caosez ça arrive sur son interface graphique (pour les raisons liées au découplage décrit ci-dessus).

THEMES

En plus de "Card", Lovelace offre à l'utilisateur une possibilité supplémentaire, à savoir de personnaliser le thème graphique de l'environnement: les couleurs, les nuances, les arrière-plans sont les éléments sur lesquels il est possible d'agir afin de Home Assistant plus proche de propremier goût.

CONTROL

Comme mentionné, Lovelace est présent comme interface par défaut à partir de la version 0.86 de Home Assistant e provoit de manière autonome s’auto-configurer en fonction de la disponibilité des différentes entités présentes sur le serveur.HUB, ce qui simplifie l'adoption duHUB. Pas besoin de faire quoi que ce soit: ce qui est intégré avec Home Assistant appsont, en utilisant les cartes approconvenable, sur le frontend.

Une fois familiarisé avec leHUB, accédez à la personnalisation de l'interface Lovelace c'est particulièrement simple: il suffit d'appuyer sur sui trois points dans le coin supérieur droit présent sur l'interface et cliquez sur "Configurer l'interface utilisateur".

De cette façon, vous aurez accès à l’éditeur d’interface («UI Editor») qui vous permet de modifier visuellement le contenu, la présentation et le comportement du Card présent sur le frontend. Dans cette phase, il est possible de cliquer à nouveau sur les trois points pour accéder à deux vues possibles:

  • la liste des entités inutilisées (au niveau du client);
  • l'éditeur de configuration brute.

Ce dernier est utile pour visualiser la version combinée de la configuration actuelle de Lovelace au format texte dans notation YAML, notation avec laquelle l'utilisateur aura déjà une certaine familiarité, puisque c'est celle utilisée aussi pour la configuration ordinaire duHUB. Cette vue vous permet d’apporter des modifications de manière textuelle et, pour laappgras, cru, par les utilisateurs qui ne sont plus apprezzino ce mode par rapport au mode graphique.

Exemples

Regardons quelques exemples pour comprendre le fonctionnement de Lovelace.

Groupes d'entités

Une utilisation classique de Lovelace consiste à regrouper plusieurs entités, par exemple des lumières.
Une fois ouvert l'éditeur d'interface comme expliqué précédemment, nous ajouterons un "Card"Sélection"Entités":

Home Assistant - Lovelace - Entités

À ce stade, l'interface s'ouvrira un panneau vierge du type choisi:

Home Assistant - Lovelace - Entités - Ajout de la liste

dans lequel nous indiquerons un titre (optionnel) e une ou plusieurs entités, dans la liste, se terminer par "Sauver":

Home Assistant - Lovelace - Entités - Liste ajoutée - 2

Le panneau résultant apparaîtra comme suit:

Home Assistant - Lovelace - Entités - Liste ajoutée - 3

qui peut maintenant être utilisé pour le contrôle et le recensement des états des entités "Light”Indiqué.

Thermostat

Regardons l'une des cartes les plus apprezzate, celui qui vous permet de visualiser et de vérifier l’état d’un thermostat. Supposons que nous ayons en fait intégré un système climatique (dans l'exemple, un climatiseur intégré traditionnel grâce à "SmartIR Climate").

Une fois ouvert l'éditeur d'interface comme expliqué précédemment, nous ajouterons un "Card"Sélection"Entités":

Home Assistant - Lovelace - Thermostat

À ce stade, l'interface s'ouvrira un panneau vierge du type choisi:

Home Assistant - Lovelace - Thermostat 2

dans lequel nous indiquerons un nom (optionnel) e l'entité à contrôler pour finir avec "Sauver":

Home Assistant - Lovelace - Thermostat 3

Le panneau résultant apparaîtra comme suit:

Home Assistant - Lovelace - Thermostat 4

qui peut maintenant être utilisé pour le contrôle et le recensement des états des entités "Climate”Indiqué.

Vue d'ensemble: systèmes d'alarme, domotique et Home Assistant



Veuillez commenter ci-dessous