Comment programmer un serveur web ESP32 en utilisant l'Arduino IDE

L'interfaçage avec un microcontrôleur sur un réseau Wi-Fi pour un serveur web Arduino était autrefois une affaire plutôt exotique. Aujourd'hui, vous pouvez mettre en place un serveur web ESP32 local en quelques minutes seulement en utilisant une carte de développement ESP32 et l'Arduino IDE.
 
Pour cette démonstration, vous aurez besoin d'un Adafruit ESP32 Feather, ainsi que d'un accès à un réseau Wi-Fi fonctionnant à 2,4 GHz. Nous programmerons l'ESP32 en utilisant un Arduino 2.0 IDE. Un aimant, une LED, et une résistance sont également utilisés mais sont optionnels.

Préparation du logiciel de serveur web ESP32

Démarrez la configuration du serveur web ESP32 en installant l'IDE Arduino 2.0. Pour permettre à celui-ci de fonctionner avec des appareils ESP32, ouvrez le dialogue Arduino IDE > Préférences et ajoutez cette ligne au champ URL du gestionnaire de cartes supplémentaires :
 
https://raw.githubusercontent.com/espressif/arduino-esp32/gh-pages/package_esp32_index.json
 
Accédez à Outils > Carte > Gestionnaire de cartes, et recherchez “esp32”. Installez la définition de carte “esp32 by Espressif Systems” qui s'affiche et vous pourrez programmer les cartes ESP32, ainsi qu'accéder à une gamme d'exemples.

Contrôle du serveur LED

Branchez votre carte de développement ESP32 Feather à votre ordinateur via USB et sélectionnez le port approprié dans le menu déroulant à droite de l'icône de débogage. Une fois sélectionné, une liste de cartes s'affiche. Dans ce cas, tapez Adafruit esp32 et sélectionnez l'option Adafruit ESP32 Feather qui apparaît.
 
Accédez à Fichier > Exemples > WiFi et chargez SimpleWiFiServer. Modifiez les lignes de code 30 et 31 pour inclure votre SSID et mot de passe réels. Assurez-vous d'accéder à un réseau 2,4 GHz si plusieurs options existent. Appuyez sur le bouton de téléchargement, et il compilera et enverra le programme à votre carte.
 
Une fois programmé, l'ESP32 Feather tentera de se connecter à votre réseau. Ouvrez le moniteur série dans l'IDE Arduino (icône dans le coin supérieur droit) et réglez-le sur 115200 bauds. Il listera une adresse IP pour y accéder, bien que vous deviez peut-être réinitialiser et/ou faire défiler vers le bas pour l'afficher. Naviguez vers l'adresse IP indiquée dans votre navigateur, et vous serez accueilli par deux lignes de texte et des liens qui vous invitent à allumer ou éteindre la broche 5.
 
Vous pouvez brancher une LED/résistance à la broche 5 (comme montré sur la première image) pour permettre au code de fonctionner tel quel. Alternativement, vous pouvez le régler sur la LED intégrée pour éviter cette petite complication matérielle. Pour ce faire, remplacez LED_BUILTIN par [broche] 5 sur les lignes 38, 103 et 106, et elle s'allumera sans aucun matériel externe. Facultativement, vous pouvez également changer « LED on pin 5 » en « builtin LED » aux lignes 87 et 88 pour rendre l'interface utilisateur exacte. Re-téléchargez pour permettre aux changements de prendre effet.

Capteurs à effet Hall pour votre serveur web ESP32

Le contrôle à distance est excellent, mais que voulez-vous que votre serveur web ESP32 détecte à un endroit distant ? Ici, nous allons tirer parti du capteur effet Hall intégré du module ESP32-WROOM-32E pour nous montrer les champs magnétiques proches.
 
Ajoutez les lignes de code suivantes directement sous la fonction client.print ligne 88 :
int val = 0; 
val = hallRead(); 
client.print("statut du magnétisme "); 
client.print(val);
 
Ce code établit une variable “val” pour stocker les lectures de l’effet Hall. Il lit le capteur Hall intégré et imprime les résultats sur le navigateur web du client. Notez qu'il s'agit d'une valeur analogique qui dépend de la direction du champ.

Pour tester, téléchargez le code sur votre ESP32 Feather et pointez votre navigateur vers l'adresse IP correcte. Vous remarquerez maintenant une troisième ligne affichant les relevés du champ magnétique.
 
Placez un aimant au-dessus du module ESP32-WROOM-32E, puis actualisez votre navigateur. Cette valeur se mettra à jour en fonction du champ magnétique présent. Vous pouvez toujours éteindre et allumer les lumières en suivant les liens de la page ou simplement en naviguant vers les adresses correspondantes, mais désormais cette action mettra également à jour la valeur du champ magnétique.

Aller plus loin avec l'ESP32

Cet article explique comment configurer un serveur web très simple avec Arduino en utilisant une carte de développement ESP32 et un réseau Wi-Fi. Les capacités Wi-Fi de l'ESP32 permettent d'accéder au cloud et à Internet avec la configuration appropriée. Ce module peut être utilisé dans une large gamme d'applications grand public, de bricolage et de prototypage.
 
Avant de créer votre serveur web ESP32 dans Arduino IDE, consultez la vaste sélection de produits des fabricants de premier plan de l'industrie sur Arrow.com, comme ceux ci-dessous, pour bien démarrer.