# Infos qualité de l'air depuis le web

**URL:** <https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822>\
**Category:** Configuration\
**Tags:** dashboard\
**Created:** [Novembre 15, 2025, 8:31 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822 "2025-11-15T08:31:35Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![GBoulvin](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/gboulvin/32/10006_2.png) [@GBoulvin](https://community.gladysassistant.com/u/GBoulvin)\
**Post date:** [Novembre 15, 2025, 8:31 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822/1 "2025-11-15T08:31:35Z")

</div>

Bonjour,

Je cherche à intégrer les mesures de la qualité de l’air officielles publiques depuis ce site web (Wallonie - Belgique) :

> **[Accueil](https://www.wallonair.be/fr/)**
>
> L’AIR QUE VOUS RESPIREZ EN WALLONIE - L'Agence wallonne de l'Air et du Climat (AwAC) et la Cellule Qualité de l’Air de l’Institut Scientifique de Service Public (ISSeP) assurent la gestion des réseaux de surveillance de la qualité de l’air ambiant en...

Un Widget est disponible et généré par leur site ici :

> **[Widget](https://www.wallonair.be/fr/widget/widgets.html?layout=widget_indice)**
>
> L’AIR QUE VOUS RESPIREZ EN WALLONIE - L'Agence wallonne de l'Air et du Climat (AwAC) et la Cellule Qualité de l’Air de l’Institut Scientifique de Service Public (ISSeP) assurent la gestion des réseaux de surveillance de la qualité de l’air ambiant en...

Et voilà ce que ça donne :

```auto
<iframe src="https://www.wallonair.be/index.php?option=com_issep&view=widgets_indices&tmpl=widgets&commune=192&auto=false&speed=4000" scrolling="no" border="0" style="border: none;width:400px;height:350px"></iframe>

```

Mais je ne sais pas comment intégrer ça sur mon dashboard. Une idée ?

Merci pour vos lumières !

---

<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:** [Novembre 15, 2025, 8:53 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822/2 "2025-11-15T08:53:03Z")

</div>

Salut @GBoulvin, il faudrait plutôt voir si ils ont une API ouverte que tu pourrais appeler, soit depuis Gladys, soit depuis Node-RED, pour pouvoir ensuite rapatrier les données dans un appareil virtuel MQTT !

---

<div class="post-metadata">

**Author:** ![Will\_71](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/will_71/32/9582_2.png) [@Will\_71](https://community.gladysassistant.com/u/Will_71)\
**Post date:** [Novembre 15, 2025, 1:01 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822/3 "2025-11-15T13:01:30Z")

</div>

Je n’ai pas essayé mais en s’inspirant du script du tuto ci dessous y’a surement moyen de faire quelquechose direct dans gladys.

Le script récupère ton widget sous forme d’image tout les X minutes et tu insères le lien de l’image générée dans l’intégration caméra que tu peux ensuite placer sur ton tableau de bord.

> [@Tuto - Afficher les cartes vigilances Météo France](https://community.gladysassistant.com/t/tuto-afficher-les-cartes-vigilances-meteo-france/8858):
>
> 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 wink Le résultat final : 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 ima…

---

<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:** [Novembre 15, 2025, 1:13 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822/4 "2025-11-15T13:13:45Z")

</div>

Ça marche aussi mais c’est dommage, tu perds tout le côté « tout intégré » de Gladys, ou les informations que Gladys « connaît » sont disponible dans l’IA, dans les scènes, etc…

---

<div class="post-metadata">

**Author:** ![Will\_71](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/will_71/32/9582_2.png) [@Will\_71](https://community.gladysassistant.com/u/Will_71)\
**Post date:** [Novembre 15, 2025, 1:35 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822/5 "2025-11-15T13:35:24Z")

</div>

Oui je dit pas le contraire si y’a possibilité avec une api c’est encore mieux

---

<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:** [Novembre 25, 2025, 2:22 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822/6 "2025-11-25T14:22:55Z")

</div>

De mon côté je le fais déjà avec node-red :

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

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/2/c/2c2ff53fe752d0709d905fa4c97f0da86971e0c9.png)

L’API utilisé est la suivante :

```auto
https://api.waqi.info/feed/${city}/?token=${apiKey})

```

---

<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:** [Novembre 25, 2025, 7:42 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822/7 "2025-11-25T19:42:19Z")

</div>

Je précise que c’est aussi faisable dans une scène Gladys, pas forcément besoin de Node-RED 😉

---

<div class="post-metadata">

**Author:** ![GBoulvin](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/gboulvin/32/10006_2.png) [@GBoulvin](https://community.gladysassistant.com/u/GBoulvin)\
**Post date:** [Novembre 25, 2025, 8:38 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822/8 "2025-11-25T20:38:43Z")

</div>

Merci pour vos réponses !

Après recherches, il y a bien des APIs disponibles ([ici](https://www.odwb.be/api/explore/v2.1/console)) mais je n’ai pas encore pris le temps d’y regarder.

Je vous tiens informés 😉

---

<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:** [Novembre 26, 2025, 3:04 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822/9 "2025-11-26T15:04:44Z")

</div>

J’ai réussi à le faire directement dans Gladys 🙂  
Y a pas plus simple 😅

Par contre j’aimerai que la date / heure soit au format «&nbsp;jour-mois-année heure&nbsp;» alors que la valeur récupéré est «&nbsp;année-mois-jour heure&nbsp;» :

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

Est-ce qu’il y a un moyen de le faire ? 🙂

Merci

---

<div class="post-metadata">

**Author:** ![mutmut](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/mutmut/32/14064_2.png) [@mutmut](https://community.gladysassistant.com/u/mutmut)\
**Post date:** [Novembre 26, 2025, 6:47 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822/10 "2025-11-26T18:47:19Z")

</div>

à mon avis il faudrait récupérer chaque aa mm dd et les renvoyer dans un device mqtt dans l’ordre qui te convient.

---

<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:** [Novembre 26, 2025, 7:07 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822/11 "2025-11-26T19:07:54Z")

</div>

Une idée de comment faire avec Gladys ? 😀

---

<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:** [Novembre 26, 2025, 7:42 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822/12 "2025-11-26T19:42:29Z")

</div>

À mon avis, c’est compliqué de faire ça en full Gladys actuellement, mais on pourrait rajouter une petite fonction de traitement des dates ou un type date sur le tableau de bord !

---

<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:** [Novembre 27, 2025, 9:40 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822/13 "2025-11-27T09:40:51Z")

</div>

> [@prohand](#):
>
> format « jour-mois-année heure » alors que la valeur récupéré est « année-mois-jour heure » :

Merci, j’ai créé une demande de fonctionnalité :

> [@Fonction de traitement des dates ou type date sur le tableau de bord](https://community.gladysassistant.com/t/fonction-de-traitement-des-dates-ou-type-date-sur-le-tableau-de-bord/9839):
>
> Bonjour, Suite à la discussion ci dessous je propose de rajouter une fonction pour traiter les dates par exemple passer du format « jour-mois-année heure » au format « année-mois-jour heure » : Merci slight_smile

---

<div class="post-metadata">

**Author:** ![StephaneB](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/stephaneb/32/15443_2.png) [@StephaneB](https://community.gladysassistant.com/u/StephaneB)\
**Post date:** [Décembre 13, 2025, 2:22 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822/14 "2025-12-13T14:22:47Z")

</div>

> [@prohand](#):
>
> Par contre j’aimerai que la date / heure soit au format « jour-mois-année heure » alors que la valeur récupéré est « année-mois-jour heure » :

Je viens de mettre en place la récupération des infos de qualité de l’air depuis une scène Gladys avec la fonction «&nbsp;Faire une requête HTTP&nbsp;» depuis api.waqi.info, c’est cool. Merci pour l’idée !  
Par contre, l’info ‹&nbsp;Date de mise à jour&nbsp;› que je récupère depuis ‹&nbsp;data.data.time.s&nbsp;› et que je range dans un objet MQTT de type texte ne fonctionne pas, j’ai l’info «&nbsp;Aucune valeur enregistrée&nbsp;» sur mon Dashboard. Une idée de ce que j’aurais raté ?

Dans la config MQTT :

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/3/6/362b8ebe2c00b99e3c936297753a50d7757f2a20.png)

Dans la scène :

 ![image](https://gladys-assistant-community.b-cdn.net/uploads/default/original/3X/2/5/257300ccf49568791f49814e993cca6489ad7027.png)

Sur le dashboard :

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

---

<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:** [Décembre 13, 2025, 6:18 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822/15 "2025-12-13T18:18:01Z")

</div>

Il faut plutôt utiliser «&nbsp;Envoyer un message MQTT&nbsp;» au lieu de «&nbsp;Contrôler un appareil&nbsp;»

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

---

<div class="post-metadata">

**Author:** ![StephaneB](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/stephaneb/32/15443_2.png) [@StephaneB](https://community.gladysassistant.com/u/StephaneB)\
**Post date:** [Décembre 13, 2025, 9:24 UTC](https://community.gladysassistant.com/t/infos-qualite-de-lair-depuis-le-web/9822/16 "2025-12-13T21:24:15Z")

</div>

Effectivement, ça marche ! Merci @prohand
