Un bouclier Arduino et Ethernet sont utilisés en tant que serveur Web pour héberger une page Web contenant une zone de texte. Le texte peut être saisi dans la zone de texte de la page Web à l'aide d'un navigateur Web et envoyé à l'Arduino en cliquant sur un bouton de la page Web.
"},{"id":"text-2","type":"text","heading":"","plain_text":"Un HTML textarea est utilisé dans un HTML forme pour créer la zone de texte. JavaScript est utilisé pour envoyer le texte à l'Arduino à l'aide d'une requête HTTP GET lorsque l'utilisateur clique sur le bouton de la page Web. Ceci est utile pour tout projet Arduino ayant besoin de recevoir du texte d'une page Web à l'aide d'une zone de texte.\nLe code Arduino de ce projet suit le format du serveur Web Ajax I / O du didacticiel relatif au serveur Web du bouclier Arduino Ethernet, sauf qu'il appelle la fonction JavaScript qui envoie la demande GET lorsque le bouton de la page Web est cliqué plutôt que périodiquement. l'envoi de la requête GET au serveur Web Arduino.\nLa vidéo ci-dessous montre la page Web Arduino accessible par un navigateur Web et le texte envoyé à l'Arduino.","html":"Un HTML textarea est utilisé dans un HTML forme pour créer la zone de texte. JavaScript est utilisé pour envoyer le texte à l'Arduino à l'aide d'une requête HTTP GET lorsque l'utilisateur clique sur le bouton de la page Web. Ceci est utile pour tout projet Arduino ayant besoin de recevoir du texte d'une page Web à l'aide d'une zone de texte.\nLe code Arduino de ce projet suit le format du serveur Web Ajax I / O du didacticiel relatif au serveur Web du bouclier Arduino Ethernet, sauf qu'il appelle la fonction JavaScript qui envoie la demande GET lorsque le bouton de la page Web est cliqué plutôt que périodiquement. l'envoi de la requête GET au serveur Web Arduino.\nLa vidéo ci-dessous montre la page Web Arduino accessible par un navigateur Web et le texte envoyé à l'Arduino.
"},{"id":"text-3","type":"text","heading":"","plain_text":"Configuration matérielle, logicielle et de page HTML pour Arduino\nMatériel\nLe bouclier Ethernet Arduino Uno et Arduino avec une carte micro SD de 2 Go a été utilisé pour tester le projet. La plupart des cartes Arduino compatibles avec le bouclier Ethernet devraient fonctionner.\nInstaller\nCopiez le code HTML ci-dessous dans un fichier nommé index.htm sur la carte micro SD et insérez-la dans le connecteur de carte micro SD pour bouclier Ethernet. Chargez l'esquisse Arduino d'en bas sur l'Arduino. Commencez par modifier l'adresse MAC et IP de l'esquisse en fonction de votre propre réseau. Dans la fenêtre Arduino IDE Serial Monitor, définissez le débit en bauds au bas de la fenêtre sur 115200.\nLancer le projet\nUne fois l’Arduino connecté au réseau Ethernet, ouvrez d’abord la fenêtre Serial Monitor, puis ouvrez un navigateur Web et naviguez jusqu’à l’adresse IP définie dans l’esquisse. Le texte peut être saisi dans la zone de texte de la page Web et envoyé à Arduino. Arduino affichera le texte dans la fenêtre Serial Monitor si la ligne de texte n’est pas trop longue (la longueur est définie par des matrices de mémoire tampon dans le code Arduino).\nCroquis de zone de texte Arduino\nLa liste des croquis de la zone de texte Arduino appelée text_area est montré ci-dessous. Copiez-le et collez-le dans l'IDE Arduino.\n/ * ---------------------------------------------------- --------------\n Programme: text_area","html":"Configuration matérielle, logicielle et de page HTML pour Arduino\nMatériel\nLe bouclier Ethernet Arduino Uno et Arduino avec une carte micro SD de 2 Go a été utilisé pour tester le projet. La plupart des cartes Arduino compatibles avec le bouclier Ethernet devraient fonctionner.\nInstaller\nCopiez le code HTML ci-dessous dans un fichier nommé index.htm sur la carte micro SD et insérez-la dans le connecteur de carte micro SD pour bouclier Ethernet. Chargez l'esquisse Arduino d'en bas sur l'Arduino. Commencez par modifier l'adresse MAC et IP de l'esquisse en fonction de votre propre réseau. Dans la fenêtre Arduino IDE Serial Monitor, définissez le débit en bauds au bas de la fenêtre sur 115200.\nLancer le projet\nUne fois l’Arduino connecté au réseau Ethernet, ouvrez d’abord la fenêtre Serial Monitor, puis ouvrez un navigateur Web et naviguez jusqu’à l’adresse IP définie dans l’esquisse. Le texte peut être saisi dans la zone de texte de la page Web et envoyé à Arduino. Arduino affichera le texte dans la fenêtre Serial Monitor si la ligne de texte n’est pas trop longue (la longueur est définie par des matrices de mémoire tampon dans le code Arduino).\nCroquis de zone de texte Arduino\nLa liste des croquis de la zone de texte Arduino appelée text_area est montré ci-dessous. Copiez-le et collez-le dans l'IDE Arduino.\n/ * ---------------------------------------------------- --------------\n Programme: text_area
"},{"id":"text-4","type":"text","heading":"","plain_text":"Description: serveur Web Arduino qui récupère le texte d'un fichier HTML\n zone de texte textarea sur la page Web hébergée.\n La page Web est stockée sur la carte micro SD.\n \n Date: 23 juin 2015\n \n Auteur: W.A. Smith, http://startingelectronics.org\n-------------------------------------------------- ------------ * /","html":"Description: serveur Web Arduino qui récupère le texte d'un fichier HTML\n zone de texte textarea sur la page Web hébergée.\n La page Web est stockée sur la carte micro SD.\n \n Date: 23 juin 2015\n \n Auteur: W.A. Smith, http://startingelectronics.org\n-------------------------------------------------- ------------ * /
"},{"id":"text-5","type":"text","heading":"","plain_text":"#include <SPI.h>\n#include <Ethernet.h>\n#include <Dakota du Sud.h>\n// taille de la mémoire tampon utilisée pour capturer les requêtes HTTP\n#define REQ_BUF_SZ 90\n// taille du tampon qui stocke la chaîne entrante\n#define TXT_BUF_SZ 50","html":"#include <SPI.h>\n#include <Ethernet.h>\n#include <Dakota du Sud.h>\n// taille de la mémoire tampon utilisée pour capturer les requêtes HTTP\n#define REQ_BUF_SZ 90\n// taille du tampon qui stocke la chaîne entrante\n#define TXT_BUF_SZ 50
"},{"id":"text-6","type":"text","heading":"","plain_text":"// adresse MAC de l'autocollant du bouclier Ethernet sous la carte\noctet Mac[] = 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED;\nAdresse IP ip (192, 168, 0, 20); // adresse IP, il peut être nécessaire de changer en fonction du réseau\nEthernetServer serveur (80); // crée un serveur sur le port 80\nFichier webFile; // le fichier de page Web sur la carte SD\ncarboniser HTTP_req[REQ_BUF_SZ] = 0; // requête HTTP en mémoire tampon stockée sous forme de chaîne terminée par un caractère null\ncarboniser req_index = 0; // index dans le tampon HTTP_req\ncarboniser txt_buf[TXT_BUF_SZ] = 0; // tampon pour sauvegarder le texte","html":"// adresse MAC de l'autocollant du bouclier Ethernet sous la carte\noctet Mac[] = 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED;\nAdresse IP ip (192, 168, 0, 20); // adresse IP, il peut être nécessaire de changer en fonction du réseau\nEthernetServer serveur (80); // crée un serveur sur le port 80\nFichier webFile; // le fichier de page Web sur la carte SD\ncarboniser HTTP_req[REQ_BUF_SZ] = 0; // requête HTTP en mémoire tampon stockée sous forme de chaîne terminée par un caractère null\ncarboniser req_index = 0; // index dans le tampon HTTP_req\ncarboniser txt_buf[TXT_BUF_SZ] = 0; // tampon pour sauvegarder le texte
"},{"id":"text-7","type":"text","heading":"","plain_text":"vide installer()","html":"vide installer()
"},{"id":"text-8","type":"text","heading":"","plain_text":"// désactiver la puce Ethernet\n pinMode(dix, SORTIE)\n digitalWrite(dix, HAUTE)\n \n En série.commencer(115200); // pour le débogage\n \n // initialise la carte SD\n En série.imprimer("Initialisation de la carte SD ...")\n si (!Dakota du Sud.commencer(4)) \n En série.imprimer("ERREUR - L'initialisation de la carte SD a échoué!")\n revenir; // l'initialisation a échoué\n \n En série.imprimer("SUCCESS - Carte SD initialisée.")\n // vérifier le fichier index.htm\n si (!Dakota du Sud.existe("index.htm")) \n En série.imprimer("ERREUR - Impossible de trouver le fichier index.htm!")\n revenir; // impossible de trouver le fichier d'index\n \n En série.imprimer("SUCCESS - Fichier index.htm trouvé.")\n \n Ethernet.commencer(mac, ip); // initialise le périphérique Ethernet\n serveur.commencer(); // commence à écouter les clients","html":"// désactiver la puce Ethernet\n pinMode(dix, SORTIE)\n digitalWrite(dix, HAUTE)\n \n En série.commencer(115200); // pour le débogage\n \n // initialise la carte SD\n En série.imprimer("Initialisation de la carte SD ...")\n si (!Dakota du Sud.commencer(4)) \n En série.imprimer("ERREUR - L'initialisation de la carte SD a échoué!")\n revenir; // l'initialisation a échoué\n \n En série.imprimer("SUCCESS - Carte SD initialisée.")\n // vérifier le fichier index.htm\n si (!Dakota du Sud.existe("index.htm")) \n En série.imprimer("ERREUR - Impossible de trouver le fichier index.htm!")\n revenir; // impossible de trouver le fichier d'index\n \n En série.imprimer("SUCCESS - Fichier index.htm trouvé.")\n \n Ethernet.commencer(mac, ip); // initialise le périphérique Ethernet\n serveur.commencer(); // commence à écouter les clients
"},{"id":"text-9","type":"text","heading":"","plain_text":"vide boucle()\n{\n EthernetClient client = serveur.disponible(); // essaie d'obtenir un client","html":"vide boucle()\n{\n EthernetClient client = serveur.disponible(); // essaie d'obtenir un client
"},{"id":"text-10","type":"text","heading":"","plain_text":"si (client) { // client obtenu?\n booléen currentLineIsBlank = vrai;\n tandis que (client.connecté()) {\n si (client.disponible()) { // données client disponibles à lire\n carboniser c = client.lis(); // lit 1 octet (caractère) du client\n // limite la taille de la requête HTTP reçue stockée\n // tampon la première partie de la requête HTTP dans un tableau HTTP_req (chaîne)\n // laisse le dernier élément du tableau sous la forme 0 à une chaîne de terminaison nulle (REQ_BUF_SZ - 1)\n si (req_index <(REQ_BUF_SZ - 1)) \nHTTP_req[req_index] = C; // sauvegarde le caractère de requête HTTP\n req_index ++;","html":"si (client) { // client obtenu?\n booléen currentLineIsBlank = vrai;\n tandis que (client.connecté()) {\n si (client.disponible()) { // données client disponibles à lire\n carboniser c = client.lis(); // lit 1 octet (caractère) du client\n // limite la taille de la requête HTTP reçue stockée\n // tampon la première partie de la requête HTTP dans un tableau HTTP_req (chaîne)\n // laisse le dernier élément du tableau sous la forme 0 à une chaîne de terminaison nulle (REQ_BUF_SZ - 1)\n si (req_index <(REQ_BUF_SZ - 1)) \nHTTP_req[req_index] = C; // sauvegarde le caractère de requête HTTP\n req_index ++;
"},{"id":"text-11","type":"text","heading":"","plain_text":"// la dernière ligne de la demande du client est vide et se termine par n\n // répond au client seulement après la dernière ligne reçue\n si (c == ' n' && currentLineIsBlank) \n // envoie un en-tête de réponse http standard\n client.imprimer("HTTP / 1.1 200 OK")\n // le reste de l'en-tête suit ci-dessous, selon si\n // une page Web ou une page XML est demandée\n // demande Ajax - envoi d'un fichier XML\n si (StrContains (HTTP_req, "ajax_inputs")) \n // envoie le reste de l'en-tête HTTP\n client.imprimer("Content-Type: text / xml")\nclient.imprimer("Connexion: garder en vie")\nclient.imprimer();","html":"// la dernière ligne de la demande du client est vide et se termine par n\n // répond au client seulement après la dernière ligne reçue\n si (c == ' n' && currentLineIsBlank) \n // envoie un en-tête de réponse http standard\n client.imprimer("HTTP / 1.1 200 OK")\n // le reste de l'en-tête suit ci-dessous, selon si\n // une page Web ou une page XML est demandée\n // demande Ajax - envoi d'un fichier XML\n si (StrContains (HTTP_req, "ajax_inputs")) \n // envoie le reste de l'en-tête HTTP\n client.imprimer("Content-Type: text / xml")\nclient.imprimer("Connexion: garder en vie")\nclient.imprimer();
"},{"id":"text-12","type":"text","heading":"","plain_text":"// affiche le texte reçu dans la fenêtre Serial Monitor\n // si reçu avec la chaîne HTTP GET entrante\n si (GetText (txt_buf, TXT_BUF_SZ)) \n En série.imprimer(" r nTexte reçu:")\n En série.imprimer(txt_buf);","html":"// affiche le texte reçu dans la fenêtre Serial Monitor\n // si reçu avec la chaîne HTTP GET entrante\n si (GetText (txt_buf, TXT_BUF_SZ)) \n En série.imprimer(" r nTexte reçu:")\n En série.imprimer(txt_buf);
"},{"id":"text-13","type":"text","heading":"","plain_text":"autre // demande de page Web\n // envoie le reste de l'en-tête HTTP\n client.imprimer("Content-Type: text / html")\nclient.imprimer("Connexion: garder en vie")\nclient.imprimer();\n // envoyer une page Web\n webFile = Dakota du Sud.ouvrir("index.htm") // ouvrir un fichier de page Web\n si (webFile) \n tandis que(webFile.disponible()) \nclient.écrire(webFile.lis()); // envoyer une page Web au client\n \nwebFile.Fermer();","html":"autre // demande de page Web\n // envoie le reste de l'en-tête HTTP\n client.imprimer("Content-Type: text / html")\nclient.imprimer("Connexion: garder en vie")\nclient.imprimer();\n // envoyer une page Web\n webFile = Dakota du Sud.ouvrir("index.htm") // ouvrir un fichier de page Web\n si (webFile) \n tandis que(webFile.disponible()) \nclient.écrire(webFile.lis()); // envoyer une page Web au client\n \nwebFile.Fermer();
"},{"id":"text-14","type":"text","heading":"","plain_text":"// réinitialise l'index du tampon et tous les éléments du tampon à 0\n req_index = 0;\nStrClear (HTTP_req, REQ_BUF_SZ);\n Pause;","html":"// réinitialise l'index du tampon et tous les éléments du tampon à 0\n req_index = 0;\nStrClear (HTTP_req, REQ_BUF_SZ);\n Pause;
"},{"id":"text-15","type":"text","heading":"","plain_text":"// chaque ligne de texte reçue du client se termine par r n\n si (c == ' n') \n // dernier caractère sur la ligne du texte reçu\n // commence une nouvelle ligne avec le caractère suivant lu\n currentLineIsBlank = vrai;\n \n autre si (c! = ' r') \n // un caractère de texte a été reçu du client\n currentLineIsBlank = faux;","html":"// chaque ligne de texte reçue du client se termine par r n\n si (c == ' n') \n // dernier caractère sur la ligne du texte reçu\n // commence une nouvelle ligne avec le caractère suivant lu\n currentLineIsBlank = vrai;\n \n autre si (c! = ' r') \n // un caractère de texte a été reçu du client\n currentLineIsBlank = faux;
"},{"id":"text-16","type":"text","heading":"","plain_text":"} // fin si (client.available ())\n } // fin tout le temps (client.connected ())\n retard(1); // donne le temps au navigateur Web pour recevoir les données\n client.Arrêtez(); // ferme la connexion\n } // fin si (client)\n}","html":"} // fin si (client.available ())\n } // fin tout le temps (client.connected ())\n retard(1); // donne le temps au navigateur Web pour recevoir les données\n client.Arrêtez(); // ferme la connexion\n } // fin si (client)\n}
"},{"id":"text-17","type":"text","heading":"","plain_text":"// extraire le texte de la chaîne de données HTTP GET entrante\n// renvoie true uniquement si du texte a été reçu\n// la chaîne doit commencer par "& txt =" et se terminer par "& end"\n// si la chaîne est trop longue pour le tampon HTTP_req et\n// "& end" est coupé, la fonction retourne alors false\nbooléen GetText (carboniser *SMS, int len)\n{\n booléen got_text = faux; // indicateur de texte reçu\n carboniser * str_begin; // pointeur vers le début du texte\n carboniser * str_end; // pointeur vers la fin du texte\n int str_len = 0;\n int txt_index = 0;\n \n // obtient un pointeur au début du texte\n str_begin = strstr (HTTP_req, "& txt =")\n si (str_begin! = NULL) {\nstr_begin = strstr (str_begin, "=") // passe à la =\n str_begin + = 1; // saute le =\n str_end = strstr (str_begin, "&fin")\n si (str_end! = NULL) {\nstr_end[0] = 0; // termine la chaîne\n str_len = strlen (str_begin);","html":"// extraire le texte de la chaîne de données HTTP GET entrante\n// renvoie true uniquement si du texte a été reçu\n// la chaîne doit commencer par "& txt =" et se terminer par "& end"\n// si la chaîne est trop longue pour le tampon HTTP_req et\n// "& end" est coupé, la fonction retourne alors false\nbooléen GetText (carboniser *SMS, int len)\n{\n booléen got_text = faux; // indicateur de texte reçu\n carboniser * str_begin; // pointeur vers le début du texte\n carboniser * str_end; // pointeur vers la fin du texte\n int str_len = 0;\n int txt_index = 0;\n \n // obtient un pointeur au début du texte\n str_begin = strstr (HTTP_req, "& txt =")\n si (str_begin! = NULL) {\nstr_begin = strstr (str_begin, "=") // passe à la =\n str_begin + = 1; // saute le =\n str_end = strstr (str_begin, "&fin")\n si (str_end! = NULL) {\nstr_end[0] = 0; // termine la chaîne\n str_len = strlen (str_begin);
"},{"id":"text-18","type":"text","heading":"","plain_text":"// copie la chaîne dans le tampon txt et remplace% 20 par un espace ''\n pour (int i = 0; i <str_len; i ++) \n si (str_begin[i] ! = '%') \n si (str_begin[i] == 0) \n // fin de chaîne\n Pause;","html":"// copie la chaîne dans le tampon txt et remplace% 20 par un espace ''\n pour (int i = 0; i <str_len; i ++) \n si (str_begin[i] ! = '%') \n si (str_begin[i] == 0) \n // fin de chaîne\n Pause;
"},{"id":"text-19","type":"text","heading":"","plain_text":"autre \nSMS[txt_index++] = Str_begin[i];\n si (index_txt> = (len - 1)) \n // garde la chaîne de sortie dans les limites\n Pause;","html":"autre \nSMS[txt_index++] = Str_begin[i];\n si (index_txt> = (len - 1)) \n // garde la chaîne de sortie dans les limites\n Pause;
"},{"id":"text-20","type":"text","heading":"","plain_text":"autre \n // remplace% 20 par un espace\n si ((str_begin[i + 1] == '2') && (str_begin[i + 2] == '0')) \nSMS[txt_index++] = '';\ni + = 2;\n si (index_txt> = (len - 1)) \n // garde la chaîne de sortie dans les limites\n Pause;","html":"autre \n // remplace% 20 par un espace\n si ((str_begin[i + 1] == '2') && (str_begin[i + 2] == '0')) \nSMS[txt_index++] = '';\ni + = 2;\n si (index_txt> = (len - 1)) \n // garde la chaîne de sortie dans les limites\n Pause;
"},{"id":"text-21","type":"text","heading":"","plain_text":"// termine la chaîne\n SMS[txt_index] = 0;\ngot_text = vrai;\n}\n}","html":"// termine la chaîne\n SMS[txt_index] = 0;\ngot_text = vrai;\n}\n}
"},{"id":"text-22","type":"text","heading":"","plain_text":"revenir got_text;\n}","html":"revenir got_text;\n}
"},{"id":"text-23","type":"text","heading":"","plain_text":"// met tous les éléments de str à 0 (efface le tableau)\nvide StrClear (carboniser * str, carboniser longueur)","html":"// met tous les éléments de str à 0 (efface le tableau)\nvide StrClear (carboniser * str, carboniser longueur)
"},{"id":"text-24","type":"text","heading":"","plain_text":"pour (int i = 0; je < longueur; i ++) \nstr[i] = 0;","html":"pour (int i = 0; je < longueur; i ++) \nstr[i] = 0;
"},{"id":"text-25","type":"text","heading":"","plain_text":"// recherche la chaîne sfind dans la chaîne str\n// retourne 1 si une chaîne est trouvée\n// retourne 0 si la chaîne est introuvable\ncarboniser StrContains (carboniser * str, carboniser * sfind)","html":"// recherche la chaîne sfind dans la chaîne str\n// retourne 1 si une chaîne est trouvée\n// retourne 0 si la chaîne est introuvable\ncarboniser StrContains (carboniser * str, carboniser * sfind)
"},{"id":"text-26","type":"text","heading":"","plain_text":"carboniser trouvé = 0;\n carboniser indice = 0;\n carboniser len;","html":"carboniser trouvé = 0;\n carboniser indice = 0;\n carboniser len;
"},{"id":"text-27","type":"text","heading":"","plain_text":"len = strlen (str);\n \n si (strlen (sfind)> len) \n revenir 0;","html":"len = strlen (str);\n \n si (strlen (sfind)> len) \n revenir 0;
"},{"id":"text-28","type":"text","heading":"","plain_text":"tandis que (index <len) \n si (str[index] == sfind[found]) \ntrouvé ++;\n si (strlen (sfind) == trouvé) \n revenir 1;","html":"tandis que (index <len) \n si (str[index] == sfind[found]) \ntrouvé ++;\n si (strlen (sfind) == trouvé) \n revenir 1;
"},{"id":"text-29","type":"text","heading":"","plain_text":"autre \ntrouvé = 0;","html":"autre \ntrouvé = 0;
"},{"id":"text-30","type":"text","heading":"","plain_text":"index ++;","html":"index ++;
"},{"id":"text-31","type":"text","heading":"","plain_text":"revenir 0;","html":"revenir 0;
"},{"id":"text-32","type":"text","heading":"","plain_text":"Page HTML de la zone de texte\nCopiez le code HTML ci-dessous et enregistrez-le dans un fichier nommé index.htm sur la carte SD.","html":"Page HTML de la zone de texte\nCopiez le code HTML ci-dessous et enregistrez-le dans un fichier nommé index.htm sur la carte SD.
"},{"id":"text-33","type":"text","heading":"","plain_text":"Zone de texte utilisant textarea","html":"Zone de texte utilisant textarea
"},{"id":"text-34","type":"text","heading":"","plain_text":"Fonctionnement de l'esquisse de zone de texte\nJavaScript intégré à la page Web envoie le texte de la zone de texte à l'Arduino dans le cadre d'une demande HTTP GET lorsque l'utilisateur clique sur le bouton de la page Web.\nFormat de la chaîne\nCette image montre l'aspect de la chaîne avant son envoi à l'Arduino.","html":"Fonctionnement de l'esquisse de zone de texte\nJavaScript intégré à la page Web envoie le texte de la zone de texte à l'Arduino dans le cadre d'une demande HTTP GET lorsque l'utilisateur clique sur le bouton de la page Web.\nFormat de la chaîne\nCette image montre l'aspect de la chaîne avant son envoi à l'Arduino.
"},{"id":"text-35","type":"text","heading":"","plain_text":"Zone de texte HTML et chaîne de texte","html":"Zone de texte HTML et chaîne de texte
"},{"id":"text-36","type":"text","heading":"","plain_text":"Le texte de la zone de texte est mis entre & txt = et & fin = fin avant d'être envoyé. L'Arduino utilise ce texte pour trouver la chaîne dans la requête HTTP GET entrante.\nLorsque le texte atteint l’Arduino, il a été modifié en remplaçant les espaces dans le texte par % 20 comme indiqué dans l'image ci-dessous.","html":"Le texte de la zone de texte est mis entre & txt = et & fin = fin avant d'être envoyé. L'Arduino utilise ce texte pour trouver la chaîne dans la requête HTTP GET entrante.\nLorsque le texte atteint l’Arduino, il a été modifié en remplaçant les espaces dans le texte par % 20 comme indiqué dans l'image ci-dessous.
"},{"id":"text-37","type":"text","heading":"","plain_text":"Chaîne de la zone de texte reçue par Arduino","html":"Chaîne de la zone de texte reçue par Arduino
"},{"id":"text-38","type":"text","heading":"","plain_text":"L'esquisse Arduino doit remplacer% 20 dans le texte par des espaces.\nTraitement de la chaîne dans l'esquisse Arduino\nLa fonction GetText () est utilisé pour obtenir la chaîne de zone de texte à partir de la requête HTTP GET entrante. le HTTP_req Le tableau contient le début de la requête GET entrante, comme indiqué dans l'image ci-dessus – en commençant par GET / ajax_inputs & txt…\nle GetText () la fonction obtient d'abord un pointeur vers le début de la chaîne de la zone de texte en recherchant & txt = puis en terminant la chaîne quand il trouve &fin. Une boucle for est utilisée pour copier la chaîne dans le SMS tableau (qui est un pointeur sur le global txt_buf tableau). Pendant la copie, le code recherche les espaces codés sous la forme% 20 et les convertit en espaces.\nLimitations de l'esquisse de la zone de texte Arduino\nL'esquisse est limitée par la taille du tampon qui enregistre la demande HTTP GET entrante ainsi que par la taille du tableau qui stocke la chaîne à partir de la zone de texte. Ces deux mémoires tampon de tableaux ont été réduites afin que le code puisse être exécuté sur un Arduino Uno.\nSi la chaîne de la zone de texte est trop grande pour le tampon HTTP sur l’Arduino, la chaîne est tronquée avant la fin. &fin, le texte ne sera pas affiché dans la fenêtre Serial Monitor car le GetText () la fonction retournera faux.\nCeci est juste une démonstration simple qui utilise GET pour envoyer du texte. Il serait préférable d’envoyer le texte en utilisant POST à la place. Ce texte sera ajouté ultérieurement sous forme de didacticiel.","html":"L'esquisse Arduino doit remplacer% 20 dans le texte par des espaces.\nTraitement de la chaîne dans l'esquisse Arduino\nLa fonction GetText () est utilisé pour obtenir la chaîne de zone de texte à partir de la requête HTTP GET entrante. le HTTP_req Le tableau contient le début de la requête GET entrante, comme indiqué dans l'image ci-dessus – en commençant par GET / ajax_inputs & txt…\nle GetText () la fonction obtient d'abord un pointeur vers le début de la chaîne de la zone de texte en recherchant & txt = puis en terminant la chaîne quand il trouve &fin. Une boucle for est utilisée pour copier la chaîne dans le SMS tableau (qui est un pointeur sur le global txt_buf tableau). Pendant la copie, le code recherche les espaces codés sous la forme% 20 et les convertit en espaces.\nLimitations de l'esquisse de la zone de texte Arduino\nL'esquisse est limitée par la taille du tampon qui enregistre la demande HTTP GET entrante ainsi que par la taille du tableau qui stocke la chaîne à partir de la zone de texte. Ces deux mémoires tampon de tableaux ont été réduites afin que le code puisse être exécuté sur un Arduino Uno.\nSi la chaîne de la zone de texte est trop grande pour le tampon HTTP sur l’Arduino, la chaîne est tronquée avant la fin. &fin, le texte ne sera pas affiché dans la fenêtre Serial Monitor car le GetText () la fonction retournera faux.\nCeci est juste une démonstration simple qui utilise GET pour envoyer du texte. Il serait préférable d’envoyer le texte en utilisant POST à la place. Ce texte sera ajouté ultérieurement sous forme de didacticiel.
"},{"id":"text-39","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":"Un bouclier Arduino et Ethernet sont utilisés en tant que serveur Web pour héberger une page Web contenant une zone de texte. Le texte peut être saisi dans la zone de texte de la page Web à l'aide d'un navigateur Web et envoyé à l'Arduino en cliquant sur un bouton de la page Web."},{"id":"text-2","heading":"Text","content":"Un HTML textarea est utilisé dans un HTML forme pour créer la zone de texte. JavaScript est utilisé pour envoyer le texte à l'Arduino à l'aide d'une requête HTTP GET lorsque l'utilisateur clique sur le bouton de la page Web. Ceci est utile pour tout projet Arduino ayant besoin de recevoir du texte d'une page Web à l'aide d'une zone de texte.\nLe code Arduino de ce projet suit le format du serveur Web Ajax I / O du didacticiel relatif au serveur Web du bouclier Arduino Ethernet, sauf qu'il appelle la fonction JavaScript qui envoie la demande GET lorsque le bouton de la page Web est cliqué plutôt que périodiquement. l'envoi de la requête GET au serveur Web Arduino.\nLa vidéo ci-dessous montre la page Web Arduino accessible par un navigateur Web et le texte envoyé à l'Arduino."},{"id":"text-3","heading":"Text","content":"Configuration matérielle, logicielle et de page HTML pour Arduino\nMatériel\nLe bouclier Ethernet Arduino Uno et Arduino avec une carte micro SD de 2 Go a été utilisé pour tester le projet. La plupart des cartes Arduino compatibles avec le bouclier Ethernet devraient fonctionner.\nInstaller\nCopiez le code HTML ci-dessous dans un fichier nommé index.htm sur la carte micro SD et insérez-la dans le connecteur de carte micro SD pour bouclier Ethernet. Chargez l'esquisse Arduino d'en bas sur l'Arduino. Commencez par modifier l'adresse MAC et IP de l'esquisse en fonction de votre propre réseau. Dans la fenêtre Arduino IDE Serial Monitor, définissez le débit en bauds au bas de la fenêtre sur 115200.\nLancer le projet\nUne fois l’Arduino connecté au réseau Ethernet, ouvrez d’abord la fenêtre Serial Monitor, puis ouvrez un navigateur Web et naviguez jusqu’à l’adresse IP définie dans l’esquisse. Le texte peut être saisi dans la zone de texte de la page Web et envoyé à Arduino. Arduino affichera le texte dans la fenêtre Serial Monitor si la ligne de texte n’est pas trop longue (la longueur est définie par des matrices de mémoire tampon dans le code Arduino).\nCroquis de zone de texte Arduino\nLa liste des croquis de la zone de texte Arduino appelée text_area est montré ci-dessous. Copiez-le et collez-le dans l'IDE Arduino.\n/ * ---------------------------------------------------- --------------\n Programme: text_area"},{"id":"text-4","heading":"Text","content":"Description: serveur Web Arduino qui récupère le texte d'un fichier HTML\n zone de texte textarea sur la page Web hébergée.\n La page Web est stockée sur la carte micro SD.\n \n Date: 23 juin 2015\n \n Auteur: W.A. Smith, http://startingelectronics.org\n-------------------------------------------------- ------------ * /"},{"id":"text-5","heading":"Text","content":"#include <SPI.h>\n#include <Ethernet.h>\n#include <Dakota du Sud.h>\n// taille de la mémoire tampon utilisée pour capturer les requêtes HTTP\n#define REQ_BUF_SZ 90\n// taille du tampon qui stocke la chaîne entrante\n#define TXT_BUF_SZ 50"},{"id":"text-6","heading":"Text","content":"// adresse MAC de l'autocollant du bouclier Ethernet sous la carte\noctet Mac[] = 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED;\nAdresse IP ip (192, 168, 0, 20); // adresse IP, il peut être nécessaire de changer en fonction du réseau\nEthernetServer serveur (80); // crée un serveur sur le port 80\nFichier webFile; // le fichier de page Web sur la carte SD\ncarboniser HTTP_req[REQ_BUF_SZ] = 0; // requête HTTP en mémoire tampon stockée sous forme de chaîne terminée par un caractère null\ncarboniser req_index = 0; // index dans le tampon HTTP_req\ncarboniser txt_buf[TXT_BUF_SZ] = 0; // tampon pour sauvegarder le texte"},{"id":"text-7","heading":"Text","content":"vide installer()"},{"id":"text-8","heading":"Text","content":"// désactiver la puce Ethernet\n pinMode(dix, SORTIE)\n digitalWrite(dix, HAUTE)\n \n En série.commencer(115200); // pour le débogage\n \n // initialise la carte SD\n En série.imprimer("Initialisation de la carte SD ...")\n si (!Dakota du Sud.commencer(4)) \n En série.imprimer("ERREUR - L'initialisation de la carte SD a échoué!")\n revenir; // l'initialisation a échoué\n \n En série.imprimer("SUCCESS - Carte SD initialisée.")\n // vérifier le fichier index.htm\n si (!Dakota du Sud.existe("index.htm")) \n En série.imprimer("ERREUR - Impossible de trouver le fichier index.htm!")\n revenir; // impossible de trouver le fichier d'index\n \n En série.imprimer("SUCCESS - Fichier index.htm trouvé.")\n \n Ethernet.commencer(mac, ip); // initialise le périphérique Ethernet\n serveur.commencer(); // commence à écouter les clients"},{"id":"text-9","heading":"Text","content":"vide boucle()\n{\n EthernetClient client = serveur.disponible(); // essaie d'obtenir un client"},{"id":"text-10","heading":"Text","content":"si (client) { // client obtenu?\n booléen currentLineIsBlank = vrai;\n tandis que (client.connecté()) {\n si (client.disponible()) { // données client disponibles à lire\n carboniser c = client.lis(); // lit 1 octet (caractère) du client\n // limite la taille de la requête HTTP reçue stockée\n // tampon la première partie de la requête HTTP dans un tableau HTTP_req (chaîne)\n // laisse le dernier élément du tableau sous la forme 0 à une chaîne de terminaison nulle (REQ_BUF_SZ - 1)\n si (req_index <(REQ_BUF_SZ - 1)) \nHTTP_req[req_index] = C; // sauvegarde le caractère de requête HTTP\n req_index ++;"},{"id":"text-11","heading":"Text","content":"// la dernière ligne de la demande du client est vide et se termine par n\n // répond au client seulement après la dernière ligne reçue\n si (c == ' n' && currentLineIsBlank) \n // envoie un en-tête de réponse http standard\n client.imprimer("HTTP / 1.1 200 OK")\n // le reste de l'en-tête suit ci-dessous, selon si\n // une page Web ou une page XML est demandée\n // demande Ajax - envoi d'un fichier XML\n si (StrContains (HTTP_req, "ajax_inputs")) \n // envoie le reste de l'en-tête HTTP\n client.imprimer("Content-Type: text / xml")\nclient.imprimer("Connexion: garder en vie")\nclient.imprimer();"},{"id":"text-12","heading":"Text","content":"// affiche le texte reçu dans la fenêtre Serial Monitor\n // si reçu avec la chaîne HTTP GET entrante\n si (GetText (txt_buf, TXT_BUF_SZ)) \n En série.imprimer(" r nTexte reçu:")\n En série.imprimer(txt_buf);"},{"id":"text-13","heading":"Text","content":"autre // demande de page Web\n // envoie le reste de l'en-tête HTTP\n client.imprimer("Content-Type: text / html")\nclient.imprimer("Connexion: garder en vie")\nclient.imprimer();\n // envoyer une page Web\n webFile = Dakota du Sud.ouvrir("index.htm") // ouvrir un fichier de page Web\n si (webFile) \n tandis que(webFile.disponible()) \nclient.écrire(webFile.lis()); // envoyer une page Web au client\n \nwebFile.Fermer();"},{"id":"text-14","heading":"Text","content":"// réinitialise l'index du tampon et tous les éléments du tampon à 0\n req_index = 0;\nStrClear (HTTP_req, REQ_BUF_SZ);\n Pause;"},{"id":"text-15","heading":"Text","content":"// chaque ligne de texte reçue du client se termine par r n\n si (c == ' n') \n // dernier caractère sur la ligne du texte reçu\n // commence une nouvelle ligne avec le caractère suivant lu\n currentLineIsBlank = vrai;\n \n autre si (c! = ' r') \n // un caractère de texte a été reçu du client\n currentLineIsBlank = faux;"},{"id":"text-16","heading":"Text","content":"} // fin si (client.available ())\n } // fin tout le temps (client.connected ())\n retard(1); // donne le temps au navigateur Web pour recevoir les données\n client.Arrêtez(); // ferme la connexion\n } // fin si (client)\n}"},{"id":"text-17","heading":"Text","content":"// extraire le texte de la chaîne de données HTTP GET entrante\n// renvoie true uniquement si du texte a été reçu\n// la chaîne doit commencer par "& txt =" et se terminer par "& end"\n// si la chaîne est trop longue pour le tampon HTTP_req et\n// "& end" est coupé, la fonction retourne alors false\nbooléen GetText (carboniser *SMS, int len)\n{\n booléen got_text = faux; // indicateur de texte reçu\n carboniser * str_begin; // pointeur vers le début du texte\n carboniser * str_end; // pointeur vers la fin du texte\n int str_len = 0;\n int txt_index = 0;\n \n // obtient un pointeur au début du texte\n str_begin = strstr (HTTP_req, "& txt =")\n si (str_begin! = NULL) {\nstr_begin = strstr (str_begin, "=") // passe à la =\n str_begin + = 1; // saute le =\n str_end = strstr (str_begin, "&fin")\n si (str_end! = NULL) {\nstr_end[0] = 0; // termine la chaîne\n str_len = strlen (str_begin);"},{"id":"text-18","heading":"Text","content":"// copie la chaîne dans le tampon txt et remplace% 20 par un espace ''\n pour (int i = 0; i <str_len; i ++) \n si (str_begin[i] ! = '%') \n si (str_begin[i] == 0) \n // fin de chaîne\n Pause;"},{"id":"text-19","heading":"Text","content":"autre \nSMS[txt_index++] = Str_begin[i];\n si (index_txt> = (len - 1)) \n // garde la chaîne de sortie dans les limites\n Pause;"},{"id":"text-20","heading":"Text","content":"autre \n // remplace% 20 par un espace\n si ((str_begin[i + 1] == '2') && (str_begin[i + 2] == '0')) \nSMS[txt_index++] = '';\ni + = 2;\n si (index_txt> = (len - 1)) \n // garde la chaîne de sortie dans les limites\n Pause;"},{"id":"text-21","heading":"Text","content":"// termine la chaîne\n SMS[txt_index] = 0;\ngot_text = vrai;\n}\n}"},{"id":"text-22","heading":"Text","content":"revenir got_text;\n}"},{"id":"text-23","heading":"Text","content":"// met tous les éléments de str à 0 (efface le tableau)\nvide StrClear (carboniser * str, carboniser longueur)"},{"id":"text-24","heading":"Text","content":"pour (int i = 0; je < longueur; i ++) \nstr[i] = 0;"},{"id":"text-25","heading":"Text","content":"// recherche la chaîne sfind dans la chaîne str\n// retourne 1 si une chaîne est trouvée\n// retourne 0 si la chaîne est introuvable\ncarboniser StrContains (carboniser * str, carboniser * sfind)"},{"id":"text-26","heading":"Text","content":"carboniser trouvé = 0;\n carboniser indice = 0;\n carboniser len;"},{"id":"text-27","heading":"Text","content":"len = strlen (str);\n \n si (strlen (sfind)> len) \n revenir 0;"},{"id":"text-28","heading":"Text","content":"tandis que (index <len) \n si (str[index] == sfind[found]) \ntrouvé ++;\n si (strlen (sfind) == trouvé) \n revenir 1;"},{"id":"text-29","heading":"Text","content":"autre \ntrouvé = 0;"},{"id":"text-30","heading":"Text","content":"index ++;"},{"id":"text-31","heading":"Text","content":"revenir 0;"},{"id":"text-32","heading":"Text","content":"Page HTML de la zone de texte\nCopiez le code HTML ci-dessous et enregistrez-le dans un fichier nommé index.htm sur la carte SD."},{"id":"text-33","heading":"Text","content":"Zone de texte utilisant textarea"},{"id":"text-34","heading":"Text","content":"Fonctionnement de l'esquisse de zone de texte\nJavaScript intégré à la page Web envoie le texte de la zone de texte à l'Arduino dans le cadre d'une demande HTTP GET lorsque l'utilisateur clique sur le bouton de la page Web.\nFormat de la chaîne\nCette image montre l'aspect de la chaîne avant son envoi à l'Arduino."},{"id":"text-35","heading":"Text","content":"Zone de texte HTML et chaîne de texte"},{"id":"text-36","heading":"Text","content":"Le texte de la zone de texte est mis entre & txt = et & fin = fin avant d'être envoyé. L'Arduino utilise ce texte pour trouver la chaîne dans la requête HTTP GET entrante.\nLorsque le texte atteint l’Arduino, il a été modifié en remplaçant les espaces dans le texte par % 20 comme indiqué dans l'image ci-dessous."},{"id":"text-37","heading":"Text","content":"Chaîne de la zone de texte reçue par Arduino"},{"id":"text-38","heading":"Text","content":"L'esquisse Arduino doit remplacer% 20 dans le texte par des espaces.\nTraitement de la chaîne dans l'esquisse Arduino\nLa fonction GetText () est utilisé pour obtenir la chaîne de zone de texte à partir de la requête HTTP GET entrante. le HTTP_req Le tableau contient le début de la requête GET entrante, comme indiqué dans l'image ci-dessus – en commençant par GET / ajax_inputs & txt…\nle GetText () la fonction obtient d'abord un pointeur vers le début de la chaîne de la zone de texte en recherchant & txt = puis en terminant la chaîne quand il trouve &fin. Une boucle for est utilisée pour copier la chaîne dans le SMS tableau (qui est un pointeur sur le global txt_buf tableau). Pendant la copie, le code recherche les espaces codés sous la forme% 20 et les convertit en espaces.\nLimitations de l'esquisse de la zone de texte Arduino\nL'esquisse est limitée par la taille du tampon qui enregistre la demande HTTP GET entrante ainsi que par la taille du tableau qui stocke la chaîne à partir de la zone de texte. Ces deux mémoires tampon de tableaux ont été réduites afin que le code puisse être exécuté sur un Arduino Uno.\nSi la chaîne de la zone de texte est trop grande pour le tampon HTTP sur l’Arduino, la chaîne est tronquée avant la fin. &fin, le texte ne sera pas affiché dans la fenêtre Serial Monitor car le GetText () la fonction retournera faux.\nCeci est juste une démonstration simple qui utilise GET pour envoyer du texte. Il serait préférable d’envoyer le texte en utilisant POST à la place. Ce texte sera ajouté ultérieurement sous forme de didacticiel."},{"id":"text-39","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/07/HTML-text-box.jpg"},"relations":[{"rel":"canonical","href":"https://tutos-gameserver.fr/2019/07/04/zone-de-texte-html-pour-envoyer-du-texte-au-serveur-web-arduino-bien-choisir-son-serveur-d-impression/"},{"rel":"alternate","href":"https://tutos-gameserver.fr/2019/07/04/zone-de-texte-html-pour-envoyer-du-texte-au-serveur-web-arduino-bien-choisir-son-serveur-d-impression/llm","type":"text/html"},{"rel":"alternate","href":"https://tutos-gameserver.fr/2019/07/04/zone-de-texte-html-pour-envoyer-du-texte-au-serveur-web-arduino-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}