Skip to content

hacf-fr/lovelace-meteofrance-weather-card

 
 

Repository files navigation

Carte Lovelace Météo France

HACS: Custom License: MIT

Introduction

Cette carte vous permet d'afficher les données de Météo France issue de l'intégration officielle HA Météo France.

Fonctionnalités

Les informations affichées :

  • conditions météo actuelles,
  • informations météorologiques détaillées,
  • pluviométrie dans l'heure (prévisions à 5 puis 10 minutes),
  • alertes météos en cours (inondations, vents violents, etc) en rapport à votre département,
  • prévisions météo quotidiennes de 1 à 15 jours maximum (réglable) et des prévisions horaires de 1 à x heures (réglable),
  • sélection des informations à afficher pour personnaliser votre carte.

Un exemple de rendu :

Weather Card

Installation

Prérequis

Cette carte est prévue pour utiliser les entités de l'intégration Météo France.

Installation via l'interface utilisateur

Installation de la carte

Open your Home Assistant instance and open a repository inside the Home Assistant Community Store. Si le lien a fonctionné, passez directement à l'étape 3. Sinon, procédez comme suit :

  1. Depuis HACS (Home Assistant Community Store), sélectionner Frontend. Puis ouvrez le menu en haut à droite et utiliser l'option Dépôts personnalisés pour ajouter le dépôt de la carte.

  2. Ajoutez l'adresse https://github.com/hacf-fr/lovelace-meteofrance-weather-card avec pour catégorie Lovelace, et faire AJOUTER. Le dépôt de la carte apparaît dans la liste.

  3. La carte de ce nouveau dépôt va s'afficher, cliquez sur INSTALLER.

  4. Laisser le choix de la dernière version et utiliser l'option INSTALLER en bas à droite.

  5. Faire RECHARGER LA PAGE pour terminer! La carte est maintenant prête à être utiliser dans votre tableau de bord.

Configuration

Vous trouverez la carte dans la liste des cartes personnalisées (en fin de liste) et avec pour nom Carte Météo France par HACF.

Une fois choisi, sa configuration est la suivante :

  1. Sélectionner l'entité météo que vous avez défini avec l'intégration (par défaut la carte en choisit une mais ce n'est pas forcément l'entité météo france que vous avez configuré).

  2. Toutes les autres entités sont automatiquement définies mais vous pouvez les redéfinir ou les supprimer à votre guise.

  3. Sélectionner les éléments de la carte à afficher (vous pouvez ainsi avoir plusieurs cartes avec des affichages différents).

  4. Préciser les nombres d'heures et de jours de prévision à afficher.

  5. Enregistrer votre configuration.

Weather Card Configuration

Installation manuelle (utilisateurs avancés)


Cette installation s'adresse aux utilisateurs plus aguerris et/ou utilisant le mode YAML pour la définition de leur tableau de bord Lovelace.

La configuration se fait par défaut dans le fichier ui-lovelace.yml dans le dossier config.

Prérequis

Vous devez avoir accès au système de fichiers de HA. Plusieurs méthodes possibles, soit par SSH, soit via l'addon Samba par exemple.

Installation de la carte

  1. Préparer le chemin www/community/ dans le dossier config de HA.

  2. Y créer le dossier lovelace-meteofrance-weather-card/.

  3. Depuis ce dépôt github, copier le contenu du dossier dist/ dans le dossier précédemment créé.

  4. Maintenant depuis votre interface HA, allez dans Configuration > Lovelace Dashboard > Resources et créer une ressource de type JavaScript Module et pour url /local/community/lovelace-meteofrance-weather-card/meteofrance-weather-card.js.

    OU BIEN éditer votre fichier ui_lovelace.yml pour ajouter la ressource comme ceci :

    lovelace:
      mode: yaml
      resources:
        - url: /local/community/lovelace-meteofrance-weather-card/meteofrance-weather-card.js
          type: module
  5. Rafraichir votre navigateur avec CTRL+F5.

Configuration via YAML

Ci-dessous les éléments de configuration avec pour exemple l'usage d'une intégration nommée nantes:

view:
    cards:
    - type: "custom:meteofrance-weather-card"
      entity: weather.nantes # Entité météo principale
      name: Nantes # nom de la carte, peut être différent du nom de l'intégration
      # Les switches pour afficher ou non les différentes zones.
      current: true
      details: true
      alert_forecast: true
      one_hour_forecast: true
      daily_forecast: true
      hourly_forecast: true
      humidity_forecast: true
      wind_forecast_icons: true
      animated_icons: true
      # Les curseurs
      number_of_hourly_forecasts: "5"
      number_of_daily_forecasts: "5"
      # Les entités annexes de météo france
      detailEntity: sensor.nantes_daily_precipitation
      cloudCoverEntity: sensor.nantes_cloud_cover
      rainChanceEntity: sensor.nantes_rain_chance
      freezeChanceEntity: sensor.nantes_freeze_chance
      snowChanceEntity: sensor.nantes_snow_chance
      uvEntity: sensor.nantes_uv
      rainForecastEntity: sensor.nantes_next_rain
      alertEntity: sensor.44_weather_alert
      # Chemin
      icons: /local/community/lovelace-meteofrance-weather-card/icons/

options avancées via YAML

Ci-dessous les éléments de configuration pour masquer certains champs:

Pour masquer les précipitations :

hide_precipitation: true

Pour masquer certaines alertes:

hide_alertVentViolent: true
hide_alertPluieInondation: true
hide_alertOrages: true
hide_alertInondation: true
hide_alertNeigeVerglas: true
hide_alertCanicule: true
hide_alertGrandFroid: true
hide_alertAvalanches: true
hide_alertVaguesSubmersion: true

Crédits

Projet réalisé par la communauté de HACF et depuis les projets suivants :

Les icônes animés sont issus du site amChart et sous licence CC by 4.0.

FAQ

  • Question : La prévision de pluie dans l'heure ne semble pas fonctionner, les cases sont toujours de la même couleur bien que le temps est changeant et pluvieux.

    Réponse : Valider bien que la ville que vous avez configuré dans l'intégration Météo France soit dans une région où ce type d'information est disponible. Consulter cette carte sur le site de météo France.

    Vous pouvez également valider, depuis la page Outils de développement > Etats de HA, que l'entité sensor.maville_next_rain retourne des informations prévisionnelles de pluie dans l'heure.