# Tuto - Afficher les cartes vigilances Météo France

**URL:** <https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858>\
**Category:** Tutoriels\
**Tags:** tutoriel\
**Created:** [Avril 24, 2024, 12:16 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858 "2024-04-24T12:16:42Z")\
**Posts on this page:** 17\
**Page:** 1

<div class="post-metadata">

**Author:** ![prohand](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/prohand/32/15713_2.png) [@prohand](https://community.gladysassistant.com/u/prohand)\
**Post date:** [Avril 24, 2024, 12:16 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/1 "2024-04-24T12:16:42Z")

</div>

Bonjour,

Je vais vous présenter ici comment afficher dans Gladys les cartes d’alertes de vigilances météo france  
Les cartes proviennent de : [https://public-api.meteofrance.fr](https://public-api.meteofrance.fr)

L’intérêt est discutable mais cela peut-être sympas pour avoir une vue global 😉

Le résultat final :

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/8/0/8073bf1e260b43a6ed5c2316a92253f29c7fbc65.png)

Il faut tout d’abord créer un compte et récupérer une clé API sur le site :

[https://portail-api.meteofrance.fr/web/fr/](https://portail-api.meteofrance.fr/web/fr/)

Dans un second temps il faut créer les dossier dans Gladys pour la réception des images et du script : ( Pour cela il faut se connecter en ssh sur la machine hôte de Gladys )

```auto
mkdir /var/lib/gladysassistant/img/meteofrance
mkdir /var/lib/gladysassistant/img/
mkdir /scripts

```

Créer ensuite le script

```auto
nano /scripts/meteofrancealertes.sh

```

```auto
#!/bin/bash

# Définir l'URL du fichier à télécharger
URL_TODAY="https://public-api.meteofrance.fr/public/DPVigilance/v1/vignettenationale-J/encours"
URL_TOMORROW="https://public-api.meteofrance.fr/public/DPVigilance/v1/vignettenationale-J1/encours"

# Définir les chemins de destination des fichiers
DEST_TODAY="/var/lib/gladysassistant/img/meteofrance/today.png"
DEST_TOMORROW="/var/lib/gladysassistant/img/meteofrance/tomorrow.png"

# Nombre maximal de tentatives
MAX_ATTEMPTS=5

# Fonction pour télécharger le fichier
download_file() {
    wget --user-agent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36" -O "$1" "$2" --header="accept: */*" --header="apikey: apikey_aremplacer"
}

# Télécharger le fichier pour aujourd'hui
attempt=1
while [$attempt -le $MAX_ATTEMPTS]; do
    echo "Tentative de téléchargement du fichier pour aujourd'hui ($attempt/$MAX_ATTEMPTS)..."
    if download_file "$DEST_TODAY" "$URL_TODAY"; then
        echo "Téléchargement du fichier pour aujourd'hui réussi."
        break
    else
        echo "Échec du téléchargement du fichier pour aujourd'hui."
        attempt=$((attempt + 1))
        if [$attempt -le $MAX_ATTEMPTS]; then
            echo "Nouvelle tentative dans 5 secondes..."
            sleep 5
        else
            echo "Nombre maximal de tentatives atteint pour le fichier d'aujourd'hui. Arrêt du téléchargement."
        fi
    fi
done

# Télécharger le fichier pour demain
attempt=1
while [$attempt -le $MAX_ATTEMPTS]; do
    echo "Tentative de téléchargement du fichier pour demain ($attempt/$MAX_ATTEMPTS)..."
    if download_file "$DEST_TOMORROW" "$URL_TOMORROW"; then
        echo "Téléchargement du fichier pour demain réussi."
        break
    else
        echo "Échec du téléchargement du fichier pour demain."
        attempt=$((attempt + 1))
        if [$attempt -le $MAX_ATTEMPTS]; then
            echo "Nouvelle tentative dans 5 secondes..."
            sleep 5
        else
            echo "Nombre maximal de tentatives atteint pour le fichier de demain. Arrêt du téléchargement."
        fi
    fi
done

```

Modifier _apikey\_aremplacer_ par votre clé api que vous avez récupéré sur le site [https://public-api.meteofrance.fr](https://public-api.meteofrance.fr)

Créer le crontab :

Les valeurs sont récupérées tous les jours à 16h10 et 06h10 car le site de Météo France indique :  
 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/f/b/fbeea1b1d3c965b7e0f438b584d88426f66a9e81.png)

```auto
crontab -e

```

```auto
10 16 * * * /scripts/meteofrancealertes.sh >/dev/null 2>&1
10 06 * * * /scripts/meteofrancealertes.sh >/dev/null 2>&1

```

Créer ensuite les 2 caméras comme ceci :

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/7/d/7dcc5f1bf3f86e50563572b7c8b853d8ac5c1aa9.png)

Vous pourrez ensuite les afficher sur l’interface de Gladys

je n’ai pas réussi à avoir le fond blanc mais si vous une piste je suis preneur 🙂

Si vous avez des questions/remarques, n’hésitez pas à m’en faire part 🙂

**Changelog à venir :**

- Aucun (A vos commentaires 🙂 )

**Edit 13/05/2024 :**

- Modification du crontab pour l’exécutez toutes les heures passé de 5 minutes

**Edit 14/05/2024 :**

- Correction d’un problème lors du téléchargement des cartes (Ajout de header dans le Curl)

**Edit 15/05/2024 :**

- Correction d’un problème lors du téléchargement des cartes (Remplacement de Curl par Wget)
- Correction des heures sur le crontab

**Edit 16/05/2024 :**

- Modification du script de téléchargement pour prendre en compte le retry en cas d’échec et ajout d’un user-agent pour tenter d’éviter de se faire passer pour un bot auprès du site de Météo France

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [Avril 24, 2024, 1:05 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/2 "2024-04-24T13:05:09Z")

</div>

Je trouve ça vraiment super tous ces tutos. Peu importe au fond l’utilité, ça montre aussi tout ce que Gladys peut faire !!

Super initiative encore une fois ! 👍

---

<div class="post-metadata">

**Author:** ![cce66](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/8797f3/32.png) [@cce66](https://community.gladysassistant.com/u/cce66)\
**Post date:** [Avril 24, 2024, 3:47 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/3 "2024-04-24T15:47:33Z")

</div>

@prohand

> [@prohand](#):
>
> L’intérêt est discutable mais cela peut-être sympas pour avoir une vue global 😉

En même temps @pierre-gilles avait besoin d’idées pour de futurs live coding 👍 donc entre ce tuto et celui des pollens la mission est remplie ! 😉 🤣

---

<div class="post-metadata">

**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\
**Post date:** [Avril 24, 2024, 4:29 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/4 "2024-04-24T16:29:23Z")

</div>

Génial ces tutoriels @prohand, c’est chouette ça montre bien les possibilités de Gladys !

A mon sens, c’est vraiment ce qu’il nous manque en ce moment: du contenu !

---

<div class="post-metadata">

**Author:** ![jerome](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/jerome/32/7030_2.png) [@jerome](https://community.gladysassistant.com/u/jerome)\
**Post date:** [Avril 26, 2024, 8:05 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/5 "2024-04-26T20:05:05Z")

</div>

salut @prohand

Je n’arrive pas à créer les dossiers sous terminal. peux tu expliquer la manip à faire avant stp

Merci

---

<div class="post-metadata">

**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\
**Post date:** [Avril 26, 2024, 8:22 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/6 "2024-04-26T20:22:42Z")

</div>

Pour créer les dossiers il te faut avoir accès soit directement au terminal sur la machine qui fait tourner Gladys, soit t’y connecter en ssh.

Par ailleurs, en fonction de ton installation il te faudra peut être un accès avec des privilèges plus élevés, pour cela il faut ajouter `sudo` avant chaque commande

---

<div class="post-metadata">

**Author:** ![prohand](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/prohand/32/15713_2.png) [@prohand](https://community.gladysassistant.com/u/prohand)\
**Post date:** [Avril 26, 2024, 8:32 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/7 "2024-04-26T20:32:39Z")

</div>

C’est exactement ça 🙂  
Merci pour la réponse, j’ai ajouté une précision dans le tuto

---

<div class="post-metadata">

**Author:** ![jerome](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/jerome/32/7030_2.png) [@jerome](https://community.gladysassistant.com/u/jerome)\
**Post date:** [Avril 26, 2024, 9:42 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/8 "2024-04-26T21:42:50Z")

</div>

Oui désolé j’aurai du préciser pour ma part je suis bien connecté en ssh mais il me dit que je n’ai pas les droit. J’ai essayer sudo ou chmod 777 mais ça ne fonctionne pas.

Je suis pas expert en ligne de commande je dois mal faire quelque chose mais je ne vois pas ou, voila ce que j’ai :

> Citation

pi@gladys\*\*: **~ $** mkdir /var/lib/gladysassistant/img/meteofrance

mkdir /var/lib/gladysassistant/img/

mkdir /scripts

mkdir: cannot create directory ‘/var/lib/gladysassistant/img/meteofrance’: No such file or directory

mkdir: cannot create directory ‘/var/lib/gladysassistant/img/’: Permission denied

mkdir: cannot create directory ‘/scripts’: Permission denied

---

<div class="post-metadata">

**Author:** ![McFlyPartages](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/mcflypartages/32/15670_2.png) [@McFlyPartages](https://community.gladysassistant.com/u/McFlyPartages)\
**Post date:** [Avril 26, 2024, 11:07 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/9 "2024-04-26T23:07:28Z")

</div>

> [@jerome](#):
>
> pi@gladys\*\*: **~ $** mkdir /var/lib/gladysassistant/img/meteofrance
> 
> mkdir /var/lib/gladysassistant/img/
> 
> mkdir /scripts

Il faut ajouter le sudo je pense.

Et surtout, il faut éviter de mettre des `chmod 777` ou alors remettre l’ancien paramétrage des droits après.

```bash
sudo mkdir /var/lib/gladysassistant/img

sudo mkdir /var/lib/gladysassistant/img/metofrance

sudo mkdir /scripts

```

**Pour aller plus loin :**  
En faisant un `ls -l` dans le dossier `var/lib/` tu va voir tous les dossiers et droits associé (sous forme de rwx) ainsi que le propriétaire et groupe.  
A confirmer mis pour moi ils n’appartiennent pas a l’utilisateur `PI`

---

<div class="post-metadata">

**Author:** ![jerome](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/jerome/32/7030_2.png) [@jerome](https://community.gladysassistant.com/u/jerome)\
**Post date:** [Avril 27, 2024, 7:32 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/10 "2024-04-27T07:32:51Z")

</div>

Merci @McFlyPartages 1ere étape passée. Je n’avais pas mis les sudo sur chaque ligne.

je suis arrivée à la fin mais par contre j’ai une erreur :

ffmpeg exited with code 254: Error opening input file /var/lib/gladysassistant/img/meteofrance/tomorrow.png. Error opening input files: No such file or directory

Une idée ?

---

<div class="post-metadata">

**Author:** ![prohand](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/prohand/32/15713_2.png) [@prohand](https://community.gladysassistant.com/u/prohand)\
**Post date:** [Avril 27, 2024, 7:35 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/11 "2024-04-27T07:35:16Z")

</div>

Essaye de faire un :

ls /var/lib/gladysassistant/img/meteofrance

Pour voir si l’image est bien présente

Si pas présente as-tu bien exécuté le flow node red ?

---

<div class="post-metadata">

**Author:** ![jerome](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/jerome/32/7030_2.png) [@jerome](https://community.gladysassistant.com/u/jerome)\
**Post date:** [Avril 27, 2024, 3:33 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/12 "2024-04-27T15:33:56Z")

</div>

Le flow nodered ???

Tu en parle pas, je comprends pas.

---

<div class="post-metadata">

**Author:** ![prohand](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/prohand/32/15713_2.png) [@prohand](https://community.gladysassistant.com/u/prohand)\
**Post date:** [Avril 27, 2024, 4:08 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/13 "2024-04-27T16:08:33Z")

</div>

Pardon j’ai confondu de sujet ☹  
Je voulais parler du script 😉

---

<div class="post-metadata">

**Author:** ![prohand](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/prohand/32/15713_2.png) [@prohand](https://community.gladysassistant.com/u/prohand)\
**Post date:** [Mai 13, 2024, 9:57 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/14 "2024-05-13T21:57:10Z")

</div>

Mise à jour du tutoriel 🙂  
Voir le changelog sur le 1er message.  
Merci 😉

---

<div class="post-metadata">

**Author:** ![prohand](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/prohand/32/15713_2.png) [@prohand](https://community.gladysassistant.com/u/prohand)\
**Post date:** [Mai 14, 2024, 11:27 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/15 "2024-05-14T11:27:07Z")

</div>

Mise à jour du tutoriel 🙂  
Voir le changelog sur le 1er message.  
Merci 😉

---

<div class="post-metadata">

**Author:** ![prohand](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/prohand/32/15713_2.png) [@prohand](https://community.gladysassistant.com/u/prohand)\
**Post date:** [Mai 15, 2024, 11:59 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/16 "2024-05-15T11:59:41Z")

</div>

Mise à jour du tutoriel 🙂  
Voir le changelog sur le 1er message.  
Merci 😉

---

<div class="post-metadata">

**Author:** ![prohand](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/prohand/32/15713_2.png) [@prohand](https://community.gladysassistant.com/u/prohand)\
**Post date:** [Mai 15, 2024, 10:49 UTC](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858/17 "2024-05-15T22:49:54Z")

</div>

Mise à jour du tutoriel 🙂  
Voir le changelog sur le 1er message.  
Merci 😉