Pour soutenir mon travail: tommydesrochers.com/me-soutenir/
Faire un don: bit.ly/35TD7os
Venez discuter sur mon serveur Discord: / discord
Plateforme de développement ESP32: bit.ly/2PRyK8h
Flash deals Banggood: bit.ly/2upifb4
TIMESTAMPS:
- Intro 00:20
- Préparation du projet 03:30
- CSS 08:21
- HTML 09:06
- JAVASCRIPT 17:42
- C++ 23:34
- Upload avec le SPIFFS 34:06
- Test/démonstration 36:54
- ??? 38:48
- Conclusion 39:41
Pour voir le code complet sur mon site web:
tommydesrochers.com/la-meille...
Je me suis inspiré de ces deux tutoriels que j'ai en quelque sorte fusionnés ensemble et ensuite personnalisés pour créer cette vidéo:
randomnerdtutorials.com/esp32...
circuits4you.com/2018/11/20/w...
VSCodium:
vscodium.com/
Ma vidéo sur PlatformIO:
• VS Code et PlatformIO:...
Bibliothèques nécessaires pour réaliser ce projet:
github.com/me-no-dev/ESPAsync...
github.com/me-no-dev/AsyncTCP
Uploader les fichiers dans le SPIFFS avec l'IDE Arduino:
randomnerdtutorials.com/insta...
Bonjour! Dans cette vidéo je vais vous montrer ce qui est (selon moi) la meilleure méthode pour créer et héberger une interface web sur un ESP32/ESP8266. Dans cette vidéo je programme sur PlatformIO (une vidéo au sujet de cet IDE est disponible sur ma chaîne). Je vais vous montrer comment programmer une interface web simple qui fait allumer/éteindre une LED avec des boutons et qui affiche une lecture de capteur. La différence avec mon précédent tutoriel à ce sujet, c'est que dans cette vidéo chaque langage de programmation sera dans son propre fichier et sera uploadé dans la mémoire flash de l'ESP32 grâce au SPIFFS. Du javascript sera utilisé pour envoyer en arrière-plan les requêtes HTTP qui contrôleront la LED et qui mettront à jour la valeur d'un capteur. Plus besoin d'ajouter le code HTML directement dans le code C++ et plus besoin de faire rafraîchir l'entièreté de la page périodiquement pour la mettre à jour et pour envoyer des requêtes. J'espère que cette vidéo vous sera utile!
Pour me rejoindre:
- www.TommyDesrochers.com
- / td72pro
- / td72pro
- / td72pro
- / td72pro
Pour me soutenir:
- Faire un don: bit.ly/35TD7os
- Lien affilié Amazon.fr: amzn.to/2CcGn2t
- Lien affilié Amazon.ca: amzn.to/2CapxBc
- Lien affilié GearBest: bit.ly/2Eitk2h
- Lien affilié Banggood: bit.ly/2CImNwd
- Lien affilié PCBWay: bit.ly/2zt6MG6
***
La description de cette vidéo contient des liens affiliés. Cela signifie que je gagne une certaine commission sur les produits achetés à partir de ces liens. C'est majoritairement ainsi que je peux financer mes projets et partager gratuitement mes vidéos sur le web. Alors je souhaite remercier tous ceux qui me soutiennent. C'est grâce à vous que ces vidéos sont possibles!