ESP32 Tuto 4 : Station météo ESP32 connectée avec API Météo Concept скачать в хорошем качестве

ESP32 Tuto 4 : Station météo ESP32 connectée avec API Météo Concept

Dans ce tutoriel, on ne se contente pas de lire la température : on apprend à faire parler une API météo professionnelle, à dialoguer avec elle depuis un ESP32, et à présenter les données de manière élégante dans une interface Web locale. Sommaire : 00:00 Présentation de la vidéo 02:09 Test en conditions réelles : Découverte de l’interface Web météo dynamique de notre ESP32 05:24 Inscription et recuperation d'une clé API Météo Concept 07:52 Comment l’ESP32 sait quelle ville interroger ? Grâce au code INSEE ! 09:38 ESP32 : Décortiquons le code d’une station météo connectée 14:39 Décortiquons la fonction afficherMenu(): point d’entrée de l’interface web 19:15 Zoom sur afficherMeteo() : une fonction clé de notre serveur météo ESP32 29:05 Fonction changerCommune() , Le GPS de votre ESP32 30:28 Décryptage de la fonction recupererMeteo() : comment l’ESP32 interroge l’API 41:10 Fonction obtenirDirectionCardinale() l’ESP32 devient météorologue 43:04 De la pluie au soleil : Comment votre ESP32 choisit l’image météo 46:02 La fiche technique Voici les points techniques clés que vous allez découvrir, avec une explication claire à chaque étape : 🔑 1. Connexion à une API REST depuis l’ESP32 Comment créer une requête HTTP GET complète avec une clé d’authentification (token) et des paramètres dynamiques, et comment intégrer cette URL dans le code ESP32. ➡️ Ce savoir-faire s’applique à n’importe quelle API Web gratuite ou professionnelle. 2. Obtenir une clé API gratuite sur Météo Concept On vous guide pas à pas pour vous inscrire, activer la formule gratuite, récupérer le token et comprendre comment il limite l’accès aux services et vous identifie auprès du serveur distant. 3. Comprendre et utiliser le code INSEE Chaque commune française a un identifiant unique. Ce code INSEE vous permet d’interroger précisément la météo de n’importe quelle ville, sans devoir taper de nom. ➡️ On vous montre comment le trouver, l'utiliser et même le modifier via un formulaire web dans l’interface ESP32. 4. Récupérer et traiter une réponse JSON Grâce à la bibliothèque ArduinoJson, vous apprendrez à désérialiser une réponse structurée, à naviguer dans un objet JSON, et à extraire proprement chaque donnée utile : températures, vent, pluie, soleil, brouillard… 5. Générer une page HTML dynamique dans l’ESP32 On construit une vraie page web depuis l’ESP32, avec structure HTML, style CSS intégré, et tableaux bien formatés. ➡️ Vous verrez comment utiliser une variable String pour assembler ligne par ligne une page complète, puis l’envoyer via le serveur HTTP local. 6. Dessiner une rose des vents en SVG avec rotation dynamique On ajoute un affichage graphique via SVG, avec une flèche qui pivote selon la direction du vent. ➡️ Une manière élégante d’intégrer de la visualisation dynamique dans un microcontrôleur. 🧾 7. Ajouter un formulaire pour changer de commune sans reprogrammer Grâce à la route /changer, l’utilisateur peut taper un autre code INSEE directement dans le navigateur, et l’ESP32 relance la requête météo avec cette nouvelle commune. ➡️ Une interaction fluide, sans redémarrage, sans reflash. 8. Redirections HTTP et code 303 Vous découvrirez comment renvoyer le client vers une nouvelle page après un traitement avec serveur.sendHeader("Location", ...) ➡️ Une technique professionnelle pour créer des interfaces web fluides sur ESP32. En résumé : Ce projet vous permet de découvrir les bases (et un peu plus) du développement web embarqué, de l’intégration d’API, de la visualisation météo, et de la programmation propre avec ESP32. C’est un excellent point de départ pour des projets : domotiques 🌱 éco-énergétiques ☀️ ou simplement pour apprendre sérieusement à dialoguer avec Internet depuis un microcontrôleur. 🔓 Le code d’accès pour décompresser l’archive est : 0052 (valable pour le tutoriel n°4) 📥 Voici le lien de téléchargement : https://www.redohm.fr/download/esp32-... 📢 Abonnez-vous ! 👍 Laissez un like si ce tuto vous est utile 🔔 Activez la cloche pour suivre les prochains projets 💬 Une question ? Une remarque ? Laissez un commentaire, je vous réponds avec plaisir. 🌍 Retrouvez-nous ici : 🔗 Site : https://www.redohm.fr 📺 YouTube : @REDOHM55 🐦 X (ex-Twitter) : @Le_robot_MAYA 📘 Facebook : Hervé Mazelin 💼   / mazelin-herv%c3%a9-9a8285108   🛠️ GrabCAD : https://grabcad.com/redohm-1 📂 Cults – Thingiverse : fichiers 3D et projets partagés 👨‍💻 Participation à la vidéo 📜 Dossiers techniques et vidéo : Hervé Mazelin 🎵 Musique pour le tutoriel 🎼 Composition : RedOhm #ESP32 #StationMeteo #MeteoConcept #ArduinoJson #APIREST #ProjetDomotique #HTML #RedOhm