Installer et configurer HACS pour enrichir Home Assistant

Dans le premier article, je vous expliquais pourquoi j’ai choisi de migrer mon tableau de bord MagicMirror vers Home Assistant. Pour aller plus loin que les cartes par défaut et vraiment personnaliser l’interface, j’ai eu besoin d’installer des composants supplémentaires. C’est là qu’intervient HACS, le Home Assistant Community Store.

Qu’est-ce que HACS ?

HACS est une passerelle communautaire qui permet d’ajouter facilement des cartes personnalisées, des intégrations, des automations et même des thèmes à Home Assistant, directement depuis l’interface web. C’est devenu un indispensable pour toute configuration avancée.

Grâce à HACS, j’ai pu installer les cartes nécessaires à l’affichage de mon dashboard Magic Mirror, sans me soucier des dépôts GitHub ou des mises à jour manuelles.

Étapes pour installer HACS

Voici les étapes principales pour installer HACS (valables à partir de Home Assistant 2023.x) :

  1. Activer le SSH sur votre Home Assistant (si ce n’est pas encore fait).
  2. Connectez-vous en SSH et exécutez la commande suivante :
    wget -O - https://get.hacs.xyz | bash -
  3. Redémarrez Home Assistant.
  4. Allez dans Paramètres > Modules complémentaires > HACS puis suivez l’assistant de configuration.
  5. Une fois installé, vous verrez l’entrée HACS dans la barre latérale.

👉 Petit conseil : HACS propose une mise à jour automatique de vos composants installés. Pratique pour garder votre configuration à jour sans effort.

Les cartes que j’utilise avec mon Magic Mirror

Voici les principales cartes personnalisées que j’ai ajoutées via HACS pour créer mon interface Magic Mirror :

🕒 better-moment-card

  • Affiche l’heure, la date, les secondes, le numéro de semaine.
  • Gère les fuseaux horaires (Paris, Réunion, Guadeloupe).
  • Permet des mises en forme précises grâce au CSS.

🌦️ weather-chart-card

  • Affiche les prévisions météo avec des icônes visuelles.
  • Très adapté à un affichage public type tableau de bord.

📅 atomic-calendar-revive

  • Pour afficher les événements de plusieurs calendriers.
  • Affichage compact et lisible.
  • Très utile pour un usage familial.

🌙 lunar-phase-card

  • Carte simple et esthétique pour afficher les phases lunaires.
  • Ajoute une touche « bien-être » à l’interface.

🎨 button-card et card-mod

  • button-card : permet d’afficher un compliment du jour.
  • card-mod : outil puissant pour personnaliser l’apparence CSS de chaque carte (taille des polices, alignement, marges, etc.).

Et ensuite ?

Une fois ces cartes installées, je les ai intégrées à un tableau de bord dédié (layout-magicmirror.yaml). Chaque carte a été pensée pour s’afficher harmonieusement sur un écran mural.

Dans le prochain article, je vous montrerai comment j’ai structuré les pages de mon Magic Mirror, comment j’ai organisé les blocs d’information, et les astuces CSS que j’ai utilisées pour une lecture à distance agréable.

À bientôt pour la suite  !

 
Environnement de développement
VSCode
Catégorie
MagicMirror, Domotique, Home Assistant
Statut
Personnel