L'objectif de ce didacticiel est d'expliquer comment définir un serveur Web HTTP asynchrone sur l'ESP8266, à l'aide du cœur Arduino. Ce didacticiel a été testé sur une carte ESP8266 FireBeetle de DFRobot.\nintroduction\nL'objectif de ce didacticiel est d'expliquer comment définir un serveur Web HTTP asynchrone sur l'ESP8266, à l'aide du cœur Arduino.\nÀ titre d'exemple simple, nous allons configurer un itinéraire de serveur qui reçoit les demandes HTTP GET et renvoie au client un nombre aléatoire, généré par l'ESP8266.\nAfin de configurer le serveur à l'aide d'une API de haut niveau, nous allons utiliser cette bibliothèque, qui prend en charge tous les détails du niveau inférieur. La bibliothèque est également disponible pour l'ESP32 et vous pouvez consulter ici un didacticiel d'introduction à ce microcontrôleur.\nCe didacticiel a été testé sur une carte ESP8266 FireBeetle de DFRobot.\nInstaller les librairies\nComme indiqué dans la section d'introduction, nous devrons installer la bibliothèque ESPAsyncWebServer afin d'accéder aux fonctions de haut niveau nécessaires à la configuration du serveur Web HTTP.\nDe plus, nous devrons également installer la bibliothèque ESPAsyncTCP, qui est une bibliothèque TCP asynchrone pour l'ESP8266. Cette bibliothèque est utilisée sous le capot par le ESPAsyncWebServer bibliothèque et est donc une dépendance que nous devons satisfaire.\nPour installer les bibliothèques, nous pouvons télécharger leur code source et le placer dans le dossier des bibliothèques Arduino de notre installation.\nPour télécharger chaque bibliothèque, allez sur leur page GitHub et cliquez sur le bouton “Cloner ou télécharger”En haut de la page, comme indiqué à la figure 1.
"},{"id":"text-2","type":"text","heading":"","plain_text":"Figure 1 – Télécharger le code source des bibliothèques.\nEnsuite, sélectionnez simplement le "Télécharger le ZIP”Et les fichiers doivent être transférés sur votre ordinateur.\nEnsuite, extrayez les fichiers dans votre répertoire de bibliothèques Arduino IDE, qui se trouve généralement dans le chemin suivant:\nC: Utilisateurs Nom d'utilisateur Documents Arduino bibliothèques\nNotez que les dossiers extraits doivent avoir un -maîtriser ajouté dans le nom. Supprimer cette annexe -maîtriser et conservez le nom restant.\nUne fois la procédure terminée pour les deux bibliothèques, elles devraient être disponibles pour une utilisation dans l'environnement Arduino.\nLe code\nNous commençons le code en faisant la bibliothèque nécessaire inclut. Tout d’abord, nous aurons besoin de la ESP8266WiFi.h, afin que nous puissions connecter l'appareil à un réseau WiFi et recevoir plus tard les requêtes HTTP.\nEnsuite, nous devrons également inclure les deux bibliothèques que nous venons d’installer, à savoir: ESPAsyncTCP.h et le ESPAsyncWebServer.h.","html":"Figure 1 – Télécharger le code source des bibliothèques.\nEnsuite, sélectionnez simplement le "Télécharger le ZIP”Et les fichiers doivent être transférés sur votre ordinateur.\nEnsuite, extrayez les fichiers dans votre répertoire de bibliothèques Arduino IDE, qui se trouve généralement dans le chemin suivant:\nC: Utilisateurs Nom d'utilisateur Documents Arduino bibliothèques\nNotez que les dossiers extraits doivent avoir un -maîtriser ajouté dans le nom. Supprimer cette annexe -maîtriser et conservez le nom restant.\nUne fois la procédure terminée pour les deux bibliothèques, elles devraient être disponibles pour une utilisation dans l'environnement Arduino.\nLe code\nNous commençons le code en faisant la bibliothèque nécessaire inclut. Tout d’abord, nous aurons besoin de la ESP8266WiFi.h, afin que nous puissions connecter l'appareil à un réseau WiFi et recevoir plus tard les requêtes HTTP.\nEnsuite, nous devrons également inclure les deux bibliothèques que nous venons d’installer, à savoir: ESPAsyncTCP.h et le ESPAsyncWebServer.h.
"},{"id":"text-3","type":"text","heading":"","plain_text":"#include "ESP8266WiFi.h"\n#include "ESPAsyncTCP.h"\n#include "ESPAsyncWebServer.h"","html":"#include "ESP8266WiFi.h"\n#include "ESPAsyncTCP.h"\n#include "ESPAsyncWebServer.h"
"},{"id":"text-4","type":"text","heading":"","plain_text":"Nous allons également déclarer deux variables globales qui contiendront les informations d'identification du réseau WiFi auquel nous allons connecter l'ESP8266. Nous aurons besoin du SSID du réseau (nom du réseau) et du mot de passe.","html":"Nous allons également déclarer deux variables globales qui contiendront les informations d'identification du réseau WiFi auquel nous allons connecter l'ESP8266. Nous aurons besoin du SSID du réseau (nom du réseau) et du mot de passe.
"},{"id":"text-5","type":"text","heading":"","plain_text":"const char * ssid = "YourNetworkName";\nconst char * password = "YourNetworkPassword";","html":"const char * ssid = "YourNetworkName";\nconst char * password = "YourNetworkPassword";
"},{"id":"text-6","type":"text","heading":"","plain_text":"Pour finaliser la section des variables globales, nous allons déclarer un objet de classe AsyncWebServer, qui exposera les méthodes nécessaires pour configurer le serveur HTTP et gérer les demandes entrantes.\nIl est important de prendre en compte le fait que le constructeur de cette classe reçoit en entrée le port sur lequel le serveur HTTP écoutera les demandes entrantes. Cette valeur est pertinente pour que le client puisse se connecter au serveur.\nDans notre cas, nous utiliserons le port 80, qui est le port HTTP par défaut. Ainsi, puisque notre client sera un navigateur Web, il utilisera le port 80 par défaut et nous n’avons pas besoin de le spécifier explicitement. Si vous utilisez un port différent de 80, nous devons le spécifier lorsque vous contactez le serveur à l'aide d'un navigateur Web.","html":"Pour finaliser la section des variables globales, nous allons déclarer un objet de classe AsyncWebServer, qui exposera les méthodes nécessaires pour configurer le serveur HTTP et gérer les demandes entrantes.\nIl est important de prendre en compte le fait que le constructeur de cette classe reçoit en entrée le port sur lequel le serveur HTTP écoutera les demandes entrantes. Cette valeur est pertinente pour que le client puisse se connecter au serveur.\nDans notre cas, nous utiliserons le port 80, qui est le port HTTP par défaut. Ainsi, puisque notre client sera un navigateur Web, il utilisera le port 80 par défaut et nous n’avons pas besoin de le spécifier explicitement. Si vous utilisez un port différent de 80, nous devons le spécifier lorsque vous contactez le serveur à l'aide d'un navigateur Web.
"},{"id":"text-7","type":"text","heading":"","plain_text":"Serveur AsyncWebServer (80);","html":"Serveur AsyncWebServer (80);
"},{"id":"text-8","type":"text","heading":"","plain_text":"Passons maintenant à la fonction de configuration. Nous allons ouvrir une connexion série, puis nous connecterons l’ESP8266 au réseau WiFi auquel nous avons fourni les informations d’identité sous forme de variables globales.","html":"Passons maintenant à la fonction de configuration. Nous allons ouvrir une connexion série, puis nous connecterons l’ESP8266 au réseau WiFi auquel nous avons fourni les informations d’identité sous forme de variables globales.
"},{"id":"text-9","type":"text","heading":"","plain_text":"WiFi.begin (ssid, mot de passe);","html":"WiFi.begin (ssid, mot de passe);
"},{"id":"text-10","type":"text","heading":"","plain_text":"while (WiFi.status ()! = WL_CONNECTED) \n délai (1000);\n Serial.println ("Connexion au WiFi ..");","html":"while (WiFi.status ()! = WL_CONNECTED) \n délai (1000);\n Serial.println ("Connexion au WiFi ..");
"},{"id":"text-11","type":"text","heading":"","plain_text":"Une fois la connexion établie, nous imprimerons l’ESP8266 IP sur le réseau local afin d’atteindre le serveur. Veuillez noter que nous ne pourrons atteindre le serveur Web que de l'intérieur du réseau local auquel l'ESP est connecté.\nPour atteindre le serveur Web de l'extérieur du réseau local, nous devons d'abord transférer le routeur, ce qui est une procédure plus avancée que nous ne couvrirons pas ici.","html":"Une fois la connexion établie, nous imprimerons l’ESP8266 IP sur le réseau local afin d’atteindre le serveur. Veuillez noter que nous ne pourrons atteindre le serveur Web que de l'intérieur du réseau local auquel l'ESP est connecté.\nPour atteindre le serveur Web de l'extérieur du réseau local, nous devons d'abord transférer le routeur, ce qui est une procédure plus avancée que nous ne couvrirons pas ici.
"},{"id":"text-12","type":"text","heading":"","plain_text":"Serial.println (WiFi.localIP ());","html":"Serial.println (WiFi.localIP ());
"},{"id":"text-13","type":"text","heading":"","plain_text":"Maintenant que nous avons connecté l'appareil à un réseau WiFi et obtenu son IP locale, nous allons gérer la configuration du serveur Web.\nAinsi, nous allons configurer une route de serveur et une fonction de traitement qui sera exécutée lorsqu'une demande est faite sur cette route. Pour le faire, nous appelons simplement le sur méthode sur notre précédemment déclaré serveur objet.\nComme première entrée de cette méthode, nous passons une chaîne avec la route où le serveur écoutera les demandes entrantes. Nous écouterons sur le "/rand" route.\nEn second argument, nous devons passer une valeur énumérée qui indique les méthodes HTTP autorisées sur la route. Pour cet exemple, comme nous obtenons simplement des nombres aléatoires générés par l'ESP8266, nous n'écouterons que les requêtes HTTP GET. Ainsi nous passons le HTTP_GET valeur.\nEn troisième et dernier argument, le sur méthode reçoit la fonction de traitement qui sera exécutée à la réception de la demande. Cette fonction doit suivre une signature fixe, plus précisément, elle doit retourner vide et recevoir en entrée un pointeur sur un objet de classe AsyncWebServerRequest.\nChaque client qui fait une demande aura un de ces objets associé et nous utiliserons également cet objet pour renvoyer la réponse.\nAfin de garder le code compact et d'éviter de déclarer une fonction nommée, nous allons définir notre fonction de gestion de route comme un lambda C ++.\nBien que, pour cet exemple simple, la surcharge liée à la déclaration d’une fonction nommée ne soit pas considérable, pour les projets plus complexes où de nombreux itinéraires ont une implémentation simple, la déclaration d’une fonction nommée pour chacun d’eux rendrait le code plus complexe.","html":"Maintenant que nous avons connecté l'appareil à un réseau WiFi et obtenu son IP locale, nous allons gérer la configuration du serveur Web.\nAinsi, nous allons configurer une route de serveur et une fonction de traitement qui sera exécutée lorsqu'une demande est faite sur cette route. Pour le faire, nous appelons simplement le sur méthode sur notre précédemment déclaré serveur objet.\nComme première entrée de cette méthode, nous passons une chaîne avec la route où le serveur écoutera les demandes entrantes. Nous écouterons sur le "/rand" route.\nEn second argument, nous devons passer une valeur énumérée qui indique les méthodes HTTP autorisées sur la route. Pour cet exemple, comme nous obtenons simplement des nombres aléatoires générés par l'ESP8266, nous n'écouterons que les requêtes HTTP GET. Ainsi nous passons le HTTP_GET valeur.\nEn troisième et dernier argument, le sur méthode reçoit la fonction de traitement qui sera exécutée à la réception de la demande. Cette fonction doit suivre une signature fixe, plus précisément, elle doit retourner vide et recevoir en entrée un pointeur sur un objet de classe AsyncWebServerRequest.\nChaque client qui fait une demande aura un de ces objets associé et nous utiliserons également cet objet pour renvoyer la réponse.\nAfin de garder le code compact et d'éviter de déclarer une fonction nommée, nous allons définir notre fonction de gestion de route comme un lambda C ++.\nBien que, pour cet exemple simple, la surcharge liée à la déclaration d’une fonction nommée ne soit pas considérable, pour les projets plus complexes où de nombreux itinéraires ont une implémentation simple, la déclaration d’une fonction nommée pour chacun d’eux rendrait le code plus complexe.
"},{"id":"text-14","type":"text","heading":"","plain_text":"server.on ("/ rand", HTTP_GET, [](Demande AsyncWebServerRequest *) \n// Mise en oeuvre de la fonction\n);","html":"server.on ("/ rand", HTTP_GET, [](Demande AsyncWebServerRequest *) \n// Mise en oeuvre de la fonction\n);
"},{"id":"text-15","type":"text","heading":"","plain_text":"Pour renvoyer une réponse au client, il suffit d’appeler le envoyer méthode du AsyncWebServerRequest objet que nous recevons sur notre fonction de traitement.\nCette méthode reçoit comme première entrée le code de retour HTTP, qui sera 200 (OK) pour notre exemple.\nEn second argument, il reçoit le type de contenu, qui sera “texte simple“, Puisque nous allons simplement retourner un nombre aléatoire.\nEn troisième argument, nous transmettrons le contenu réel à renvoyer au client. Dans notre cas, ce sera un nombre aléatoire que nous pourrons générer en appelant la fonction aléatoire Arduino.\nle au hasard fonction peut être appelée passer en entrée la limite supérieure (exclusive) des nombres générés aléatoirement. Nous allons passer 1000 et cette fonction devrait donc renvoyer une valeur comprise entre 0 et 999.\nNotez que nous devons convertir le nombre entier renvoyé par le au hasard fonction à une chaîne, afin que nous puissions passer à la envoyer méthode.","html":"Pour renvoyer une réponse au client, il suffit d’appeler le envoyer méthode du AsyncWebServerRequest objet que nous recevons sur notre fonction de traitement.\nCette méthode reçoit comme première entrée le code de retour HTTP, qui sera 200 (OK) pour notre exemple.\nEn second argument, il reçoit le type de contenu, qui sera “texte simple“, Puisque nous allons simplement retourner un nombre aléatoire.\nEn troisième argument, nous transmettrons le contenu réel à renvoyer au client. Dans notre cas, ce sera un nombre aléatoire que nous pourrons générer en appelant la fonction aléatoire Arduino.\nle au hasard fonction peut être appelée passer en entrée la limite supérieure (exclusive) des nombres générés aléatoirement. Nous allons passer 1000 et cette fonction devrait donc renvoyer une valeur comprise entre 0 et 999.\nNotez que nous devons convertir le nombre entier renvoyé par le au hasard fonction à une chaîne, afin que nous puissions passer à la envoyer méthode.
"},{"id":"text-16","type":"text","heading":"","plain_text":"server.on ("/ rand", HTTP_GET, [](Demande AsyncWebServerRequest *) \n request-> send (200, "text / plain", String (random (1000)));\n);","html":"server.on ("/ rand", HTTP_GET, [](Demande AsyncWebServerRequest *) \n request-> send (200, "text / plain", String (random (1000)));\n);
"},{"id":"text-17","type":"text","heading":"","plain_text":"Pour finaliser la configuration du serveur, nous devons appeler le commencer méthode du serveur objet, le serveur commence à écouter les demandes entrantes. Avec cela, nous terminons la fonction de configuration Arduino.","html":"Pour finaliser la configuration du serveur, nous devons appeler le commencer méthode du serveur objet, le serveur commence à écouter les demandes entrantes. Avec cela, nous terminons la fonction de configuration Arduino.
"},{"id":"text-18","type":"text","heading":"","plain_text":"server.begin ();","html":"server.begin ();
"},{"id":"text-19","type":"text","heading":"","plain_text":"L’implémentation du serveur étant asynchrone, nous n’avons besoin d’appeler aucune fonction de traitement sur la boucle principale, que nous pouvons laisser vide. Il s'agit d'une meilleure approche en ce qui concerne la mise en œuvre du serveur HTTP ESP8266 d'origine, où nous aurions besoin d'appeler une fonction de gestion de client régulièrement. Vous pouvez consulter ici un tutoriel sur cette implémentation.\nVous pouvez consulter le code source complet pour ce tutoriel ESP8266 ci-dessous.","html":"L’implémentation du serveur étant asynchrone, nous n’avons besoin d’appeler aucune fonction de traitement sur la boucle principale, que nous pouvons laisser vide. Il s'agit d'une meilleure approche en ce qui concerne la mise en œuvre du serveur HTTP ESP8266 d'origine, où nous aurions besoin d'appeler une fonction de gestion de client régulièrement. Vous pouvez consulter ici un tutoriel sur cette implémentation.\nVous pouvez consulter le code source complet pour ce tutoriel ESP8266 ci-dessous.
"},{"id":"text-20","type":"text","heading":"","plain_text":"#include "ESP8266WiFi.h"\n#include "ESPAsyncTCP.h"\n#include "ESPAsyncWebServer.h"","html":"#include "ESP8266WiFi.h"\n#include "ESPAsyncTCP.h"\n#include "ESPAsyncWebServer.h"
"},{"id":"text-21","type":"text","heading":"","plain_text":"const char * ssid = "YourNetworkName";\nconst char * password = "YourNetworkPassword";","html":"const char * ssid = "YourNetworkName";\nconst char * password = "YourNetworkPassword";
"},{"id":"text-22","type":"text","heading":"","plain_text":"Serveur AsyncWebServer (80);","html":"Serveur AsyncWebServer (80);
"},{"id":"text-23","type":"text","heading":"","plain_text":"void setup()\n Serial.begin (115200);","html":"void setup()\n Serial.begin (115200);
"},{"id":"text-24","type":"text","heading":"","plain_text":" WiFi.begin (ssid, mot de passe);","html":"WiFi.begin (ssid, mot de passe);
"},{"id":"text-25","type":"text","heading":"","plain_text":" while (WiFi.status ()! = WL_CONNECTED) \n délai (1000);\n Serial.println ("Connexion au WiFi ..");\n ","html":"while (WiFi.status ()! = WL_CONNECTED) \n délai (1000);\n Serial.println ("Connexion au WiFi ..");\n
"},{"id":"text-26","type":"text","heading":"","plain_text":" Serial.println (WiFi.localIP ());","html":"Serial.println (WiFi.localIP ());
"},{"id":"text-27","type":"text","heading":"","plain_text":" server.on ("/ rand", HTTP_GET, [](Demande AsyncWebServerRequest *) \n request-> send (200, "text / plain", String (random (1000)));\n );","html":"server.on ("/ rand", HTTP_GET, [](Demande AsyncWebServerRequest *) \n request-> send (200, "text / plain", String (random (1000)));\n );
"},{"id":"text-28","type":"text","heading":"","plain_text":" server.begin ();","html":"server.begin ();
"},{"id":"text-29","type":"text","heading":"","plain_text":"void loop ()","html":"void loop ()
"},{"id":"text-30","type":"text","heading":"","plain_text":"Tester le code\nPour tester le code, compilez-le d'abord et chargez-le sur votre microcontrôleur ESP8266 à l'aide de l'IDE Arduino.\nUne fois la procédure de téléchargement terminée, ouvrez le moniteur série Arduino IDE et attendez que l'appareil se connecte au réseau WiFi. Une fois connecté avec succès, une adresse IP doit être imprimée. Copiez cette adresse IP.\nEnfin, pour faire la demande au serveur et obtenir le nombre aléatoire, ouvrez un navigateur Web de votre choix. Dans la barre d’adresse, tapez ce qui suit, en changeant # yourDeviceIp # par l'IP que vous venez de copier.","html":"Tester le code\nPour tester le code, compilez-le d'abord et chargez-le sur votre microcontrôleur ESP8266 à l'aide de l'IDE Arduino.\nUne fois la procédure de téléchargement terminée, ouvrez le moniteur série Arduino IDE et attendez que l'appareil se connecte au réseau WiFi. Une fois connecté avec succès, une adresse IP doit être imprimée. Copiez cette adresse IP.\nEnfin, pour faire la demande au serveur et obtenir le nombre aléatoire, ouvrez un navigateur Web de votre choix. Dans la barre d’adresse, tapez ce qui suit, en changeant # yourDeviceIp # par l'IP que vous venez de copier.
"},{"id":"text-31","type":"text","heading":"","plain_text":"http: // # yourDeviceIp # / rand","html":"http: // # yourDeviceIp # / rand
"},{"id":"text-32","type":"text","heading":"","plain_text":"Vous devriez obtenir un résultat similaire à celui de la figure 2, qui indique le nombre aléatoire renvoyé par l'ESP8266. Naturellement, chaque demande doit renvoyer un nombre différent, car une valeur comprise entre 0 et 999 est générée de manière aléatoire.","html":"Vous devriez obtenir un résultat similaire à celui de la figure 2, qui indique le nombre aléatoire renvoyé par l'ESP8266. Naturellement, chaque demande doit renvoyer un nombre différent, car une valeur comprise entre 0 et 999 est générée de manière aléatoire.
"},{"id":"text-33","type":"text","heading":"","plain_text":"Figure 2 – Nombre aléatoire généré par l'ESP8266.\nNotes finales\nCet exemple simple montre comment configurer un serveur HTTP asynchrone sur l'ESP8266, ce qui supprime la surcharge liée à la nécessité de vérifier périodiquement les demandes entrantes.\nCette approche est de loin supérieure car, comme indiqué dans la page de la bibliothèque, elle permet de gérer plusieurs connexions à la fois.\nUne chose importante à mentionner est que nous avons la liberté de faire ce que nous voulons sur la fonction de traitement. Dans notre exemple simple, nous générions simplement un nombre aléatoire, mais nous aurions pu envoyer des commandes à un actionneur ou récupérer des mesures à partir d'un capteur.\nArticles Similaires","html":"Figure 2 – Nombre aléatoire généré par l'ESP8266.\nNotes finales\nCet exemple simple montre comment configurer un serveur HTTP asynchrone sur l'ESP8266, ce qui supprime la surcharge liée à la nécessité de vérifier périodiquement les demandes entrantes.\nCette approche est de loin supérieure car, comme indiqué dans la page de la bibliothèque, elle permet de gérer plusieurs connexions à la fois.\nUne chose importante à mentionner est que nous avons la liberté de faire ce que nous voulons sur la fonction de traitement. Dans notre exemple simple, nous générions simplement un nombre aléatoire, mais nous aurions pu envoyer des commandes à un actionneur ou récupérer des mesures à partir d'un capteur.\nArticles Similaires
"},{"id":"text-34","type":"text","heading":"","plain_text":"Comme ça:\nComme Chargement…","html":"Comme ça:\nComme Chargement…
"},{"id":"text-35","type":"text","heading":"","plain_text":"Click to rate this post!\n \n [Total: 0 Average: 0]","html":"Click to rate this post!\n \n [Total: 0 Average: 0]
"}],"sections":[{"id":"text-1","heading":"Text","content":"L'objectif de ce didacticiel est d'expliquer comment définir un serveur Web HTTP asynchrone sur l'ESP8266, à l'aide du cœur Arduino. Ce didacticiel a été testé sur une carte ESP8266 FireBeetle de DFRobot.\nintroduction\nL'objectif de ce didacticiel est d'expliquer comment définir un serveur Web HTTP asynchrone sur l'ESP8266, à l'aide du cœur Arduino.\nÀ titre d'exemple simple, nous allons configurer un itinéraire de serveur qui reçoit les demandes HTTP GET et renvoie au client un nombre aléatoire, généré par l'ESP8266.\nAfin de configurer le serveur à l'aide d'une API de haut niveau, nous allons utiliser cette bibliothèque, qui prend en charge tous les détails du niveau inférieur. La bibliothèque est également disponible pour l'ESP32 et vous pouvez consulter ici un didacticiel d'introduction à ce microcontrôleur.\nCe didacticiel a été testé sur une carte ESP8266 FireBeetle de DFRobot.\nInstaller les librairies\nComme indiqué dans la section d'introduction, nous devrons installer la bibliothèque ESPAsyncWebServer afin d'accéder aux fonctions de haut niveau nécessaires à la configuration du serveur Web HTTP.\nDe plus, nous devrons également installer la bibliothèque ESPAsyncTCP, qui est une bibliothèque TCP asynchrone pour l'ESP8266. Cette bibliothèque est utilisée sous le capot par le ESPAsyncWebServer bibliothèque et est donc une dépendance que nous devons satisfaire.\nPour installer les bibliothèques, nous pouvons télécharger leur code source et le placer dans le dossier des bibliothèques Arduino de notre installation.\nPour télécharger chaque bibliothèque, allez sur leur page GitHub et cliquez sur le bouton “Cloner ou télécharger”En haut de la page, comme indiqué à la figure 1."},{"id":"text-2","heading":"Text","content":"Figure 1 – Télécharger le code source des bibliothèques.\nEnsuite, sélectionnez simplement le "Télécharger le ZIP”Et les fichiers doivent être transférés sur votre ordinateur.\nEnsuite, extrayez les fichiers dans votre répertoire de bibliothèques Arduino IDE, qui se trouve généralement dans le chemin suivant:\nC: Utilisateurs Nom d'utilisateur Documents Arduino bibliothèques\nNotez que les dossiers extraits doivent avoir un -maîtriser ajouté dans le nom. Supprimer cette annexe -maîtriser et conservez le nom restant.\nUne fois la procédure terminée pour les deux bibliothèques, elles devraient être disponibles pour une utilisation dans l'environnement Arduino.\nLe code\nNous commençons le code en faisant la bibliothèque nécessaire inclut. Tout d’abord, nous aurons besoin de la ESP8266WiFi.h, afin que nous puissions connecter l'appareil à un réseau WiFi et recevoir plus tard les requêtes HTTP.\nEnsuite, nous devrons également inclure les deux bibliothèques que nous venons d’installer, à savoir: ESPAsyncTCP.h et le ESPAsyncWebServer.h."},{"id":"text-3","heading":"Text","content":"#include "ESP8266WiFi.h"\n#include "ESPAsyncTCP.h"\n#include "ESPAsyncWebServer.h""},{"id":"text-4","heading":"Text","content":"Nous allons également déclarer deux variables globales qui contiendront les informations d'identification du réseau WiFi auquel nous allons connecter l'ESP8266. Nous aurons besoin du SSID du réseau (nom du réseau) et du mot de passe."},{"id":"text-5","heading":"Text","content":"const char * ssid = "YourNetworkName";\nconst char * password = "YourNetworkPassword";"},{"id":"text-6","heading":"Text","content":"Pour finaliser la section des variables globales, nous allons déclarer un objet de classe AsyncWebServer, qui exposera les méthodes nécessaires pour configurer le serveur HTTP et gérer les demandes entrantes.\nIl est important de prendre en compte le fait que le constructeur de cette classe reçoit en entrée le port sur lequel le serveur HTTP écoutera les demandes entrantes. Cette valeur est pertinente pour que le client puisse se connecter au serveur.\nDans notre cas, nous utiliserons le port 80, qui est le port HTTP par défaut. Ainsi, puisque notre client sera un navigateur Web, il utilisera le port 80 par défaut et nous n’avons pas besoin de le spécifier explicitement. Si vous utilisez un port différent de 80, nous devons le spécifier lorsque vous contactez le serveur à l'aide d'un navigateur Web."},{"id":"text-7","heading":"Text","content":"Serveur AsyncWebServer (80);"},{"id":"text-8","heading":"Text","content":"Passons maintenant à la fonction de configuration. Nous allons ouvrir une connexion série, puis nous connecterons l’ESP8266 au réseau WiFi auquel nous avons fourni les informations d’identité sous forme de variables globales."},{"id":"text-9","heading":"Text","content":"WiFi.begin (ssid, mot de passe);"},{"id":"text-10","heading":"Text","content":"while (WiFi.status ()! = WL_CONNECTED) \n délai (1000);\n Serial.println ("Connexion au WiFi ..");"},{"id":"text-11","heading":"Text","content":"Une fois la connexion établie, nous imprimerons l’ESP8266 IP sur le réseau local afin d’atteindre le serveur. Veuillez noter que nous ne pourrons atteindre le serveur Web que de l'intérieur du réseau local auquel l'ESP est connecté.\nPour atteindre le serveur Web de l'extérieur du réseau local, nous devons d'abord transférer le routeur, ce qui est une procédure plus avancée que nous ne couvrirons pas ici."},{"id":"text-12","heading":"Text","content":"Serial.println (WiFi.localIP ());"},{"id":"text-13","heading":"Text","content":"Maintenant que nous avons connecté l'appareil à un réseau WiFi et obtenu son IP locale, nous allons gérer la configuration du serveur Web.\nAinsi, nous allons configurer une route de serveur et une fonction de traitement qui sera exécutée lorsqu'une demande est faite sur cette route. Pour le faire, nous appelons simplement le sur méthode sur notre précédemment déclaré serveur objet.\nComme première entrée de cette méthode, nous passons une chaîne avec la route où le serveur écoutera les demandes entrantes. Nous écouterons sur le "/rand" route.\nEn second argument, nous devons passer une valeur énumérée qui indique les méthodes HTTP autorisées sur la route. Pour cet exemple, comme nous obtenons simplement des nombres aléatoires générés par l'ESP8266, nous n'écouterons que les requêtes HTTP GET. Ainsi nous passons le HTTP_GET valeur.\nEn troisième et dernier argument, le sur méthode reçoit la fonction de traitement qui sera exécutée à la réception de la demande. Cette fonction doit suivre une signature fixe, plus précisément, elle doit retourner vide et recevoir en entrée un pointeur sur un objet de classe AsyncWebServerRequest.\nChaque client qui fait une demande aura un de ces objets associé et nous utiliserons également cet objet pour renvoyer la réponse.\nAfin de garder le code compact et d'éviter de déclarer une fonction nommée, nous allons définir notre fonction de gestion de route comme un lambda C ++.\nBien que, pour cet exemple simple, la surcharge liée à la déclaration d’une fonction nommée ne soit pas considérable, pour les projets plus complexes où de nombreux itinéraires ont une implémentation simple, la déclaration d’une fonction nommée pour chacun d’eux rendrait le code plus complexe."},{"id":"text-14","heading":"Text","content":"server.on ("/ rand", HTTP_GET, [](Demande AsyncWebServerRequest *) \n// Mise en oeuvre de la fonction\n);"},{"id":"text-15","heading":"Text","content":"Pour renvoyer une réponse au client, il suffit d’appeler le envoyer méthode du AsyncWebServerRequest objet que nous recevons sur notre fonction de traitement.\nCette méthode reçoit comme première entrée le code de retour HTTP, qui sera 200 (OK) pour notre exemple.\nEn second argument, il reçoit le type de contenu, qui sera “texte simple“, Puisque nous allons simplement retourner un nombre aléatoire.\nEn troisième argument, nous transmettrons le contenu réel à renvoyer au client. Dans notre cas, ce sera un nombre aléatoire que nous pourrons générer en appelant la fonction aléatoire Arduino.\nle au hasard fonction peut être appelée passer en entrée la limite supérieure (exclusive) des nombres générés aléatoirement. Nous allons passer 1000 et cette fonction devrait donc renvoyer une valeur comprise entre 0 et 999.\nNotez que nous devons convertir le nombre entier renvoyé par le au hasard fonction à une chaîne, afin que nous puissions passer à la envoyer méthode."},{"id":"text-16","heading":"Text","content":"server.on ("/ rand", HTTP_GET, [](Demande AsyncWebServerRequest *) \n request-> send (200, "text / plain", String (random (1000)));\n);"},{"id":"text-17","heading":"Text","content":"Pour finaliser la configuration du serveur, nous devons appeler le commencer méthode du serveur objet, le serveur commence à écouter les demandes entrantes. Avec cela, nous terminons la fonction de configuration Arduino."},{"id":"text-18","heading":"Text","content":"server.begin ();"},{"id":"text-19","heading":"Text","content":"L’implémentation du serveur étant asynchrone, nous n’avons besoin d’appeler aucune fonction de traitement sur la boucle principale, que nous pouvons laisser vide. Il s'agit d'une meilleure approche en ce qui concerne la mise en œuvre du serveur HTTP ESP8266 d'origine, où nous aurions besoin d'appeler une fonction de gestion de client régulièrement. Vous pouvez consulter ici un tutoriel sur cette implémentation.\nVous pouvez consulter le code source complet pour ce tutoriel ESP8266 ci-dessous."},{"id":"text-20","heading":"Text","content":"#include "ESP8266WiFi.h"\n#include "ESPAsyncTCP.h"\n#include "ESPAsyncWebServer.h""},{"id":"text-21","heading":"Text","content":"const char * ssid = "YourNetworkName";\nconst char * password = "YourNetworkPassword";"},{"id":"text-22","heading":"Text","content":"Serveur AsyncWebServer (80);"},{"id":"text-23","heading":"Text","content":"void setup()\n Serial.begin (115200);"},{"id":"text-24","heading":"Text","content":" WiFi.begin (ssid, mot de passe);"},{"id":"text-25","heading":"Text","content":" while (WiFi.status ()! = WL_CONNECTED) \n délai (1000);\n Serial.println ("Connexion au WiFi ..");\n "},{"id":"text-26","heading":"Text","content":" Serial.println (WiFi.localIP ());"},{"id":"text-27","heading":"Text","content":" server.on ("/ rand", HTTP_GET, [](Demande AsyncWebServerRequest *) \n request-> send (200, "text / plain", String (random (1000)));\n );"},{"id":"text-28","heading":"Text","content":" server.begin ();"},{"id":"text-29","heading":"Text","content":"void loop ()"},{"id":"text-30","heading":"Text","content":"Tester le code\nPour tester le code, compilez-le d'abord et chargez-le sur votre microcontrôleur ESP8266 à l'aide de l'IDE Arduino.\nUne fois la procédure de téléchargement terminée, ouvrez le moniteur série Arduino IDE et attendez que l'appareil se connecte au réseau WiFi. Une fois connecté avec succès, une adresse IP doit être imprimée. Copiez cette adresse IP.\nEnfin, pour faire la demande au serveur et obtenir le nombre aléatoire, ouvrez un navigateur Web de votre choix. Dans la barre d’adresse, tapez ce qui suit, en changeant # yourDeviceIp # par l'IP que vous venez de copier."},{"id":"text-31","heading":"Text","content":"http: // # yourDeviceIp # / rand"},{"id":"text-32","heading":"Text","content":"Vous devriez obtenir un résultat similaire à celui de la figure 2, qui indique le nombre aléatoire renvoyé par l'ESP8266. Naturellement, chaque demande doit renvoyer un nombre différent, car une valeur comprise entre 0 et 999 est générée de manière aléatoire."},{"id":"text-33","heading":"Text","content":"Figure 2 – Nombre aléatoire généré par l'ESP8266.\nNotes finales\nCet exemple simple montre comment configurer un serveur HTTP asynchrone sur l'ESP8266, ce qui supprime la surcharge liée à la nécessité de vérifier périodiquement les demandes entrantes.\nCette approche est de loin supérieure car, comme indiqué dans la page de la bibliothèque, elle permet de gérer plusieurs connexions à la fois.\nUne chose importante à mentionner est que nous avons la liberté de faire ce que nous voulons sur la fonction de traitement. Dans notre exemple simple, nous générions simplement un nombre aléatoire, mais nous aurions pu envoyer des commandes à un actionneur ou récupérer des mesures à partir d'un capteur.\nArticles Similaires"},{"id":"text-34","heading":"Text","content":"Comme ça:\nComme Chargement…"},{"id":"text-35","heading":"Text","content":"Click to rate this post!\n \n [Total: 0 Average: 0]"}],"media":{"primary_image":"https://tutos-gameserver.fr/wp-content/uploads/2019/05/esp32-async-arduino-http-webserver.png"},"relations":[{"rel":"canonical","href":"https://tutos-gameserver.fr/2019/05/03/serveur-web-http-asynchrone-techtutorialsx-bien-choisir-son-serveur-d-impression/"},{"rel":"alternate","href":"https://tutos-gameserver.fr/2019/05/03/serveur-web-http-asynchrone-techtutorialsx-bien-choisir-son-serveur-d-impression/llm","type":"text/html"},{"rel":"alternate","href":"https://tutos-gameserver.fr/2019/05/03/serveur-web-http-asynchrone-techtutorialsx-bien-choisir-son-serveur-d-impression/llm.json","type":"application/json"},{"rel":"llm-manifest","href":"https://tutos-gameserver.fr/llm-endpoints-manifest.json","type":"application/json"}],"http_headers":{"X-LLM-Friendly":"1","X-LLM-Schema":"1.1.0","Content-Security-Policy":"default-src 'none'; img-src * data:; style-src 'unsafe-inline'"},"license":"CC BY-ND 4.0","attribution_required":true,"allow_cors":false}