[Tuto] Programmation d'un ESP32 en OTA via une page Web

 Le but de ce tutoriel est de programmer un ESP32 pour pouvoir téléverser du code à travers une page Web sans être relié physiquement à la carte. 

Ce tutoriel repose sur l'utilisation du code fourni dans la bibliothèque esp32 : Basic OTA, ainsi l'ordinateur avec lequel le code sera téléversé doit être connecté au même réseau WiFi que notre carte. 

tutoriel réalisé à l'aide de  ESP32 Over-the-air (OTA) Programming – Web Updater Arduino IDE

Matériel :

• carte esp 32 (modèle Node32s)

Initialisation :

1.Téléchargez la dernière version de l'IDE Arduino.

2. Si vous utilisez la carte mentionnée ci dessus, vous allez devoir ajouter la carte dans la liste des cartes prises en charge par l'IDE Arduino. Ouvrez l'IDE, "Fichier" ? "Préférences" et dans "URL de gestionnaire de cartes supplémentaires" ajoutez le lien suivant : https://dl.espressif.com/dl/package_esp32_index.json

3. Allez ensuite dans le gestionnaire de carte et tapez esp 32 : téléchargez la version 1.0.0 de esp by Espressif system. Cela peut prendre quelques minutes. A la fin vous devez avoir le résultat ci contre :

4. Modifiez l'onglet outils pour qu'il corresponde à l'image ci dessous : 

Vous pouvez connaître le port COM de votre carte à l'aide d'un gestionnaire de périphérique. 

ESP32 OTA Web Updater : 

Lorsque vous installez la carte ESP32 sur l'IDE Arduino, ouvrez le fichier exemple OTAWebUpdater qui est déjà installer dans l'IDE dans Fichier > Exemple > ArduinoOTA > OTAWebUpdater   

Ouvrez le code :  

Pour pouvoir tester votre code, changez les informations de la ligne 8 et 9, en mettant le SSID (le nom de votre réseau Wifi) et le password (votre mot de passe WiFi) 

Ce code d'exemple permet de générer un serveur web asynchrone où vous pourrez upload vos code dans les cartes sans connexion filaire.  

Téléversez le code dans la carte 

Après avoir téléverser le code, ouvrez le moniteur série (en haut à droite) 

Après avoir uploader le code et ouvert le moniteur série vous verrez l'adresse IP de votre ESP32 apparaître (Attention à mettre la vitesse de laison série à 115200 bauds) . 

Pour tester votre serveur Web OTA débranchez votre ESP32 de votre ordinateur et rebranchez le sur une batterie ou une prise 5V 

Ouvrez votre navigateur Web et entrer l'adresse IP de votre ESP32 

Lorsque vous entrez sur la page web vous devez obtenir la même chose que sur l'image ci-dessus. 

Entrer l'username et le password :

• Username :  admin 
• Password :  admin 

Vous pouvez changer l'username et le password dans le code à la ligne 48

"if(form.userid.value=='xxxx' && form.pwd.value=='xxxx')"  }

lorsque vous vous serez connecté, vous arriverez sur cette page : 

Si vous voulez rendre l'interface Web plus agréable, vous pouvez suivre le tuto sur ce lien :  last minute engineers 

Pour télécharger un nouveau code en OTA, copiez coller ce code sur Arduino : 

TELECHARGER LE CODE

Enregistrez le en tant que LED_Web_Updater. Nous devons maintenant générer un fichier .bin pour le téléverser via la page Web.

Pour cela allez dans Croquis > Exporter les binaires compilés

Ensuite allez dans Croquis > Montrer l'emplacement du dossier, Vous devriez obtenir ceci 

Sur la page web de l'ESP32 logger vous, et choisissez le fichier .bin en cliquant sur Choose File ET Update afin de téléverser à distance.

Votre Led devrait normalement se mettre à clignoter