Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hacf-fr/lovelace-meteofrance-weather-card
⛅ Carte Lovelace dédiée à l'intégration Météo-France pour Home Assistant.
https://github.com/hacf-fr/lovelace-meteofrance-weather-card
custom-card hacktoberfest homeassistant lovelace meteo weather
Last synced: 3 months ago
JSON representation
⛅ Carte Lovelace dédiée à l'intégration Météo-France pour Home Assistant.
- Host: GitHub
- URL: https://github.com/hacf-fr/lovelace-meteofrance-weather-card
- Owner: hacf-fr
- License: mit
- Fork: true (bramkragten/weather-card)
- Created: 2020-10-19T20:11:12.000Z (about 4 years ago)
- Default Branch: Meteo-France
- Last Pushed: 2024-04-08T11:36:44.000Z (7 months ago)
- Last Synced: 2024-05-18T15:40:37.592Z (6 months ago)
- Topics: custom-card, hacktoberfest, homeassistant, lovelace, meteo, weather
- Homepage:
- Size: 2.21 MB
- Stars: 52
- Watchers: 3
- Forks: 16
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
- awesome-francophone-home-assistant - MétéoFrance - Une carte pour Lovelace vous permettant d'afficher toutes les informations disponibles avec l'intégration officielle Météo France (prévision, pluie à 1 heure, vigilance météo). (Modules tiers utiles pour (ou par) des utilisateurs francophones / Cartes Personnalisées pour l'interface Lovelace (Lovelace Custom cards))
README
# Carte Lovelace Météo France
[![HACS: Custom](https://img.shields.io/badge/HACS-Custom-orange.svg)](https://github.com/custom-components/hacs) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
- [Introduction](#Introduction)
- [Fonctionnalités](#Fonctionnalités)
- [Installation](#Installation)
- [Prérequis](#Prérequis)
- [Installation via l'interface utilisateur](#Installation-via-l'interface-utilisateur)
- [Installation manuelle (utilisateurs avancés)](<#Installation-manuelle-(utilisateurs-avancés)>)
- [Crédits](#Crédits)
- [FAQ](#FAQ)## 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](https://www.home-assistant.io/integrations/meteo_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 quotidienne de 1 à 15 jours maximum (réglable) ou 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](https://github.com/hacf-fr/lovelace-meteofrance-weather-card/blob/Meteo-France/meteofrance-weather-card.png)
## Installation
### Prérequis
Cette carte est prévue pour utiliser les entités de l'intégration [Météo France](https://www.home-assistant.io/integrations/meteo_france/).
### Installation via l'interface utilisateur
#### Installation de la carte
1. Depuis [HACS](https://hacs.xyz/) (Home Assistant Community Store), sléectionner `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 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. **Définir un nom** pour la carte (généralement la ville, comme pour l'intégration).
2. **Sélectionner l'entité météo** que vous avez définit 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é).
3. Toutes les autres entités **sont automatiquement définies** mais vous pouvez les redéfinir ou les supprimer à votre guise.
4. Seule l'entité pour **les alertes est à préciser manuellement**.
5. **Sélectionner les parties** de la carte **à afficher** (vous pouvez ainsi avoir plusieurs cartes avec des affichages différents).
6. **Préciser le nombre de jours de prévision** à afficher en bas de carte, maximum 5.
7. `Enregistrer` votre configuration.
![Weather Card Configuration](https://github.com/hacf-fr/lovelace-meteofrance-weather-card/blob/Meteo-France/meteofrance-weather-card-editor.png)
### 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 :
```yaml
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`:
```yaml
view:
cards:
- type: "custom:meteofrance-weather-card"
name: Nantes # nom de la carte, peut être différent du nom de l'intégration
entity: weather.nantes # Entité météo principale
# Les entités annexes de météo france
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
number_of_forecasts: "5"
# Les switches pour afficher ou non les différentes zones.
current: true
details: true
one_hour_forecast: true
alert_forecast: true
forecast: true
```#### options avancées via YAML
Ci-dessous les éléments de configuration pour masquer certains champs:
Pour masquer les précipitations :
```yaml
hide_precipitation: true
```Pour masquer certaines alertes:
```yaml
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 :
- la carte initiale [Lovelace animated weather card](https://github.com/bramkragten/weather-card) de [Bram Kragten](https://github.com/bramkragten).
- les améliorations spécifiques à Météo France de la carte [Lovelace animated weather card](https://github.com/Imbuzi/meteo-france-weather-card) de [Nicolas Bourasseau](https://github.com/Imbuzi).
Les icônes animés sont issus du site [amChart](https://www.amcharts.com/free-animated-svg-weather-icons/) et sous licence [CC by 4.0](https://creativecommons.org/licenses/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](https://meteo.orange.fr/previsions-pluie/) 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.