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: about 1 month 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-10-27T16:06:34.000Z (2 months ago)
- Last Synced: 2024-10-27T18:53:09.396Z (2 months ago)
- Topics: custom-card, hacktoberfest, homeassistant, lovelace, meteo, weather
- Homepage:
- Size: 2.23 MB
- Stars: 60
- Watchers: 4
- Forks: 18
- 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
[](https://github.com/custom-components/hacs) [](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 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 :
## 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
[](https://my.home-assistant.io/redirect/hacs_repository/?owner=hacf-fr&repository=lovelace-meteofrance-weather-card&category=lovelace)
Si le lien a fonctionné, passez directement à l'étape 3. Sinon, procédez comme suit :
1. Depuis [HACS](https://hacs.xyz/) (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 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.
### 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"
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 :
```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.