Créer le serveur Web de base\nLe serveur Web de base vous permettra de vous connecter à Arduino en utilisant votre navigateur préféré. Si la connexion réussit, le programme actuel sera affiché.\n pression barométrique, température et humidité lues à partir du capteur BME280. Le navigateur s'actualise toutes les 5 secondes.\nSi tout fonctionne bien, voici ce que vous devriez voir dans le navigateur Web lorsque vous vous connectez à Arduino.\n \nNous nous connectons à l'Arduino en utilisant l'adresse IP que vous avez attribuée dans l'esquisse. Ce serait le réseau privé de votre région. Vous ne pourrez pas accéder\n l'Arduino à partir d'Internet. Pour autoriser l'accès à votre Arduino à partir d'Internet, vous devez activer la redirection de port sur votre routeur.\nNous utilisons la bibliothèque Arduino Ethernet pour communiquer avec le contrôleur Ethernet W5100. Il communique avec le contrôleur Ethernet via le bus SPI.\n La carte SD qui se trouve sur la carte utilise également le même bus SPI, nous devons donc la désactiver pour qu’elle ne se heurte pas au contrôleur Ethernet. Plus tard\n Dans ce tutoriel, nous allons utiliser la carte SD, nous allons donc modifier le code pour permettre l'accès à la carte SD.\nVous pouvez soit couper et coller le code ci-dessous, soit télécharger le fichier de croquis.
"},{"id":"text-2","type":"text","heading":"","plain_text":"123456789dix11121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889","html":"123456789dix11121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
"},{"id":"text-3","type":"text","heading":"","plain_text":"#comprendre Câble.h>// utilisé pour communiquer via le bus I2C\n #comprendre SPI.h>// utilisé pour communiquer via le bus spi\n #comprendre Ethernet.h>// utilisé pour communiquer avec le contrôleur ethernet\n #comprendre "cactus_io_BME280_I2C.h"\n// Créer un objet BME280_I2C\n BME280_I2C bme;\n \n// Ici nous avons configuré le serveur web. Nous devons fournir une adresse mac.\n // Certaines cartes Ethernet ont une étiquette avec une adresse mac que vous pouvez utiliser.\n octet Mac[] = 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED;\n Adresse IP ip (192, 168, 1, 45); // adresse IP, il peut être nécessaire de changer en fonction du réseau\n EthernetServer serveur (80); // crée un serveur sur le port 80\n \nvide installer()\n \n// désactive la carte SD en commutant la broche 4 sur haute\n pinMode(4, SORTIE)\n digitalWrite(4, HAUTE)\n Ethernet.begin(mac, ip); // initialise le périphérique Ethernet\n serveur.commencer(); // commence à écouter les clients\n Serial.begin(9600);\n Serial.println("cactus.io\n \nvide boucle() {\n // écoute les clients entrants\n EthernetClient client = serveur.disponible();\n si (client)\n Serial.println("nouveau client")\n // une demande http se termine par une ligne vide\n booléen currentLineIsBlank = vrai;\n tandis que (client.connecté())\n si (client.disponible())\n carboniser c = client.lis();\n Serial.write(c);\n // si vous êtes arrivé au bout de la ligne (reçu une nouvelle ligne\n // caractère) et la ligne est vide, la requête http est terminée,\n // afin que vous puissiez envoyer une réponse\n \nif (c == ' n' && currentLineIsBlank)\n // envoie un en-tête de réponse http standard\n client.imprimer("HTTP / 1.1 200 OK")\n client.imprimer("Content-Type: text / html")\n client.imprimer("Connexion: proche")\n // la connexion sera fermée après l'achèvement de la réponse\n client.imprimer("Actualiser: 5") // actualise la page automatiquement toutes les 5 secondes\n client.imprimer();\n client.imprimer("")\n client.imprimer("")\n client.imprimer("")\n client.imprimer("")\n client.imprimer("cactus.io")\n client.imprimer("")\n client.imprimer("")\n // fournit la valeur du capteur BME280\n bme.readSensor (); // lit les données du capteur\n client.impression("La température est")\n client.impression(bme.getTemperature_C ());\n client.imprimer("\n")\n client.impression("L'humidité est ")\n client.impression(bme.getHumidity ());\n client.imprimer("%\n")\n client.impression("La pression est ")\n client.impression(bme.getPressure_MB ());\n client.imprimer("mb")\n client.imprimer("")\n client.imprimer("")\n Pause;\n \n si (c == ' n')\n // tu commences une nouvelle ligne\n currentLineIsBlank = vrai;\n sinon si (c! = ' r')\n // vous avez un personnage sur la ligne en cours\n currentLineIsBlank = faux;\n \n \n \n \n \n// donne le temps au navigateur Web pour recevoir les données\n retard(1);\n // ferme la connexion:\n client.Arrêtez();\n // Serial.println("client déconnecté");\n }","html":"#comprendre Câble.h>// utilisé pour communiquer via le bus I2C\n #comprendre SPI.h>// utilisé pour communiquer via le bus spi\n #comprendre Ethernet.h>// utilisé pour communiquer avec le contrôleur ethernet\n #comprendre "cactus_io_BME280_I2C.h"\n// Créer un objet BME280_I2C\n BME280_I2C bme;\n \n// Ici nous avons configuré le serveur web. Nous devons fournir une adresse mac.\n // Certaines cartes Ethernet ont une étiquette avec une adresse mac que vous pouvez utiliser.\n octet Mac[] = 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED;\n Adresse IP ip (192, 168, 1, 45); // adresse IP, il peut être nécessaire de changer en fonction du réseau\n EthernetServer serveur (80); // crée un serveur sur le port 80\n \nvide installer()\n \n// désactive la carte SD en commutant la broche 4 sur haute\n pinMode(4, SORTIE)\n digitalWrite(4, HAUTE)\n Ethernet.begin(mac, ip); // initialise le périphérique Ethernet\n serveur.commencer(); // commence à écouter les clients\n Serial.begin(9600);\n Serial.println("cactus.io\n \nvide boucle() {\n // écoute les clients entrants\n EthernetClient client = serveur.disponible();\n si (client)\n Serial.println("nouveau client")\n // une demande http se termine par une ligne vide\n booléen currentLineIsBlank = vrai;\n tandis que (client.connecté())\n si (client.disponible())\n carboniser c = client.lis();\n Serial.write(c);\n // si vous êtes arrivé au bout de la ligne (reçu une nouvelle ligne\n // caractère) et la ligne est vide, la requête http est terminée,\n // afin que vous puissiez envoyer une réponse\n \nif (c == ' n' && currentLineIsBlank)\n // envoie un en-tête de réponse http standard\n client.imprimer("HTTP / 1.1 200 OK")\n client.imprimer("Content-Type: text / html")\n client.imprimer("Connexion: proche")\n // la connexion sera fermée après l'achèvement de la réponse\n client.imprimer("Actualiser: 5") // actualise la page automatiquement toutes les 5 secondes\n client.imprimer();\n client.imprimer("")\n client.imprimer("")\n client.imprimer("")\n client.imprimer("")\n client.imprimer("cactus.io")\n client.imprimer("")\n client.imprimer("")\n // fournit la valeur du capteur BME280\n bme.readSensor (); // lit les données du capteur\n client.impression("La température est")\n client.impression(bme.getTemperature_C ());\n client.imprimer("\n")\n client.impression("L'humidité est ")\n client.impression(bme.getHumidity ());\n client.imprimer("%\n")\n client.impression("La pression est ")\n client.impression(bme.getPressure_MB ());\n client.imprimer("mb")\n client.imprimer("")\n client.imprimer("")\n Pause;\n \n si (c == ' n')\n // tu commences une nouvelle ligne\n currentLineIsBlank = vrai;\n sinon si (c! = ' r')\n // vous avez un personnage sur la ligne en cours\n currentLineIsBlank = faux;\n \n \n \n \n \n// donne le temps au navigateur Web pour recevoir les données\n retard(1);\n // ferme la connexion:\n client.Arrêtez();\n // Serial.println("client déconnecté");\n }
"},{"id":"text-4","type":"text","heading":"","plain_text":"Comment ça marche\nPour que l’Arduino puisse communiquer avec le contrôleur Ethernet, il faut inclure 3 bibliothèques. La première bibliothèque est Wire.h, utilisée pour les communications I2C. Le second, SPI.h, doit permettre à l’interface SPI de\n parler à la puce ethernet. Le troisième est Ethernet.h, qui sert d’interface au côté Ethernet de la puce du contrôleur.\nEnsuite, nous incluons la bibliothèque BME280_I2C avant de déclarer un objet du BME280_I2C. Nous l'utilisons avec la bibliothèque Wire.h car cela fournit un support pour les communications I2C avec le BME280. Cette volonté\n nous permettent d'obtenir la température et l'humidité de la pression barométrique.\nLa dernière étape consiste à créer le serveur qui écoute sur le port 80. Nous devons définir la Adresse Mac et adresse IP de l'interface ethernet.\nDans la fonction de configuration, nous devons désactiver la carte SD car elle utilise également SPI et nous ne voulons pas qu’elle se heurte au contrôleur Ethernet.\nÀ la ligne 45, nous commençons la réponse Web envoyée au navigateur Web. 200 OK est un code de réponse HTTP et dans ce cas, 200, ce qui signifie que la demande est OK. À la ligne 46, nous disons au navigateur que le\n Le type de contenu de la réponse est text / html.\nNous avons utilisé plusieurs codes HTML dans l'esquisse. Sur la ligne 57, vous pouvez voir. C'est le code html pour un espace. Nous utilisons cela pour placer un espace blanc entre la température et le code html en degrés celsius.\n Le code suivant est ℃ qui est le code html de ℃.\nle est utilisé pour générer un saut de ligne (retour chariot) de manière à ce qu'il y ait une ligne entre chaque sortie.\nPour afficher la température en fahrenheit, nous devons changer la méthode getTemperature_C () de bme280_I2C en getTemperature_F (). Nous devrons également changer le code html & amp # 8451; à & amp # 8457; qui affichera ℉. \nPour plus de détails sur les codes html, allez à la ressources boîte à outils et consultez les tables de codes.\nSortie Web HTML\nLa page Web doit apparaître comme ci-dessus. Le code html est présenté ci-dessous. Vous pouvez visualiser le code html dans votre navigateur en cliquant avec le bouton droit de la souris sur la page Web et en sélectionnant\n Afficher le code source de la page (Chrome, Firefox, Safari) ou Afficher le code source (Internet Explorer)\n \n \nEt après\nDans la section suivante, nous allons améliorer l'apparence de la page Web à l'aide de CSS et l'implémenter à l'aide de la carte SD.","html":"Comment ça marche\nPour que l’Arduino puisse communiquer avec le contrôleur Ethernet, il faut inclure 3 bibliothèques. La première bibliothèque est Wire.h, utilisée pour les communications I2C. Le second, SPI.h, doit permettre à l’interface SPI de\n parler à la puce ethernet. Le troisième est Ethernet.h, qui sert d’interface au côté Ethernet de la puce du contrôleur.\nEnsuite, nous incluons la bibliothèque BME280_I2C avant de déclarer un objet du BME280_I2C. Nous l'utilisons avec la bibliothèque Wire.h car cela fournit un support pour les communications I2C avec le BME280. Cette volonté\n nous permettent d'obtenir la température et l'humidité de la pression barométrique.\nLa dernière étape consiste à créer le serveur qui écoute sur le port 80. Nous devons définir la Adresse Mac et adresse IP de l'interface ethernet.\nDans la fonction de configuration, nous devons désactiver la carte SD car elle utilise également SPI et nous ne voulons pas qu’elle se heurte au contrôleur Ethernet.\nÀ la ligne 45, nous commençons la réponse Web envoyée au navigateur Web. 200 OK est un code de réponse HTTP et dans ce cas, 200, ce qui signifie que la demande est OK. À la ligne 46, nous disons au navigateur que le\n Le type de contenu de la réponse est text / html.\nNous avons utilisé plusieurs codes HTML dans l'esquisse. Sur la ligne 57, vous pouvez voir. C'est le code html pour un espace. Nous utilisons cela pour placer un espace blanc entre la température et le code html en degrés celsius.\n Le code suivant est ℃ qui est le code html de ℃.\nle est utilisé pour générer un saut de ligne (retour chariot) de manière à ce qu'il y ait une ligne entre chaque sortie.\nPour afficher la température en fahrenheit, nous devons changer la méthode getTemperature_C () de bme280_I2C en getTemperature_F (). Nous devrons également changer le code html & amp # 8451; à & amp # 8457; qui affichera ℉. \nPour plus de détails sur les codes html, allez à la ressources boîte à outils et consultez les tables de codes.\nSortie Web HTML\nLa page Web doit apparaître comme ci-dessus. Le code html est présenté ci-dessous. Vous pouvez visualiser le code html dans votre navigateur en cliquant avec le bouton droit de la souris sur la page Web et en sélectionnant\n Afficher le code source de la page (Chrome, Firefox, Safari) ou Afficher le code source (Internet Explorer)\n \n \nEt après\nDans la section suivante, nous allons améliorer l'apparence de la page Web à l'aide de CSS et l'implémenter à l'aide de la carte SD.
"},{"id":"text-5","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":"Créer le serveur Web de base\nLe serveur Web de base vous permettra de vous connecter à Arduino en utilisant votre navigateur préféré. Si la connexion réussit, le programme actuel sera affiché.\n pression barométrique, température et humidité lues à partir du capteur BME280. Le navigateur s'actualise toutes les 5 secondes.\nSi tout fonctionne bien, voici ce que vous devriez voir dans le navigateur Web lorsque vous vous connectez à Arduino.\n \nNous nous connectons à l'Arduino en utilisant l'adresse IP que vous avez attribuée dans l'esquisse. Ce serait le réseau privé de votre région. Vous ne pourrez pas accéder\n l'Arduino à partir d'Internet. Pour autoriser l'accès à votre Arduino à partir d'Internet, vous devez activer la redirection de port sur votre routeur.\nNous utilisons la bibliothèque Arduino Ethernet pour communiquer avec le contrôleur Ethernet W5100. Il communique avec le contrôleur Ethernet via le bus SPI.\n La carte SD qui se trouve sur la carte utilise également le même bus SPI, nous devons donc la désactiver pour qu’elle ne se heurte pas au contrôleur Ethernet. Plus tard\n Dans ce tutoriel, nous allons utiliser la carte SD, nous allons donc modifier le code pour permettre l'accès à la carte SD.\nVous pouvez soit couper et coller le code ci-dessous, soit télécharger le fichier de croquis."},{"id":"text-2","heading":"Text","content":"123456789dix11121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889"},{"id":"text-3","heading":"Text","content":"#comprendre Câble.h>// utilisé pour communiquer via le bus I2C\n #comprendre SPI.h>// utilisé pour communiquer via le bus spi\n #comprendre Ethernet.h>// utilisé pour communiquer avec le contrôleur ethernet\n #comprendre "cactus_io_BME280_I2C.h"\n// Créer un objet BME280_I2C\n BME280_I2C bme;\n \n// Ici nous avons configuré le serveur web. Nous devons fournir une adresse mac.\n // Certaines cartes Ethernet ont une étiquette avec une adresse mac que vous pouvez utiliser.\n octet Mac[] = 0xDE, 0xAD, 0xBE, 0xEF, 0xFE, 0xED;\n Adresse IP ip (192, 168, 1, 45); // adresse IP, il peut être nécessaire de changer en fonction du réseau\n EthernetServer serveur (80); // crée un serveur sur le port 80\n \nvide installer()\n \n// désactive la carte SD en commutant la broche 4 sur haute\n pinMode(4, SORTIE)\n digitalWrite(4, HAUTE)\n Ethernet.begin(mac, ip); // initialise le périphérique Ethernet\n serveur.commencer(); // commence à écouter les clients\n Serial.begin(9600);\n Serial.println("cactus.io\n \nvide boucle() {\n // écoute les clients entrants\n EthernetClient client = serveur.disponible();\n si (client)\n Serial.println("nouveau client")\n // une demande http se termine par une ligne vide\n booléen currentLineIsBlank = vrai;\n tandis que (client.connecté())\n si (client.disponible())\n carboniser c = client.lis();\n Serial.write(c);\n // si vous êtes arrivé au bout de la ligne (reçu une nouvelle ligne\n // caractère) et la ligne est vide, la requête http est terminée,\n // afin que vous puissiez envoyer une réponse\n \nif (c == ' n' && currentLineIsBlank)\n // envoie un en-tête de réponse http standard\n client.imprimer("HTTP / 1.1 200 OK")\n client.imprimer("Content-Type: text / html")\n client.imprimer("Connexion: proche")\n // la connexion sera fermée après l'achèvement de la réponse\n client.imprimer("Actualiser: 5") // actualise la page automatiquement toutes les 5 secondes\n client.imprimer();\n client.imprimer("")\n client.imprimer("")\n client.imprimer("")\n client.imprimer("")\n client.imprimer("cactus.io")\n client.imprimer("")\n client.imprimer("")\n // fournit la valeur du capteur BME280\n bme.readSensor (); // lit les données du capteur\n client.impression("La température est")\n client.impression(bme.getTemperature_C ());\n client.imprimer("\n")\n client.impression("L'humidité est ")\n client.impression(bme.getHumidity ());\n client.imprimer("%\n")\n client.impression("La pression est ")\n client.impression(bme.getPressure_MB ());\n client.imprimer("mb")\n client.imprimer("")\n client.imprimer("")\n Pause;\n \n si (c == ' n')\n // tu commences une nouvelle ligne\n currentLineIsBlank = vrai;\n sinon si (c! = ' r')\n // vous avez un personnage sur la ligne en cours\n currentLineIsBlank = faux;\n \n \n \n \n \n// donne le temps au navigateur Web pour recevoir les données\n retard(1);\n // ferme la connexion:\n client.Arrêtez();\n // Serial.println("client déconnecté");\n }"},{"id":"text-4","heading":"Text","content":"Comment ça marche\nPour que l’Arduino puisse communiquer avec le contrôleur Ethernet, il faut inclure 3 bibliothèques. La première bibliothèque est Wire.h, utilisée pour les communications I2C. Le second, SPI.h, doit permettre à l’interface SPI de\n parler à la puce ethernet. Le troisième est Ethernet.h, qui sert d’interface au côté Ethernet de la puce du contrôleur.\nEnsuite, nous incluons la bibliothèque BME280_I2C avant de déclarer un objet du BME280_I2C. Nous l'utilisons avec la bibliothèque Wire.h car cela fournit un support pour les communications I2C avec le BME280. Cette volonté\n nous permettent d'obtenir la température et l'humidité de la pression barométrique.\nLa dernière étape consiste à créer le serveur qui écoute sur le port 80. Nous devons définir la Adresse Mac et adresse IP de l'interface ethernet.\nDans la fonction de configuration, nous devons désactiver la carte SD car elle utilise également SPI et nous ne voulons pas qu’elle se heurte au contrôleur Ethernet.\nÀ la ligne 45, nous commençons la réponse Web envoyée au navigateur Web. 200 OK est un code de réponse HTTP et dans ce cas, 200, ce qui signifie que la demande est OK. À la ligne 46, nous disons au navigateur que le\n Le type de contenu de la réponse est text / html.\nNous avons utilisé plusieurs codes HTML dans l'esquisse. Sur la ligne 57, vous pouvez voir. C'est le code html pour un espace. Nous utilisons cela pour placer un espace blanc entre la température et le code html en degrés celsius.\n Le code suivant est ℃ qui est le code html de ℃.\nle est utilisé pour générer un saut de ligne (retour chariot) de manière à ce qu'il y ait une ligne entre chaque sortie.\nPour afficher la température en fahrenheit, nous devons changer la méthode getTemperature_C () de bme280_I2C en getTemperature_F (). Nous devrons également changer le code html & amp # 8451; à & amp # 8457; qui affichera ℉. \nPour plus de détails sur les codes html, allez à la ressources boîte à outils et consultez les tables de codes.\nSortie Web HTML\nLa page Web doit apparaître comme ci-dessus. Le code html est présenté ci-dessous. Vous pouvez visualiser le code html dans votre navigateur en cliquant avec le bouton droit de la souris sur la page Web et en sélectionnant\n Afficher le code source de la page (Chrome, Firefox, Safari) ou Afficher le code source (Internet Explorer)\n \n \nEt après\nDans la section suivante, nous allons améliorer l'apparence de la page Web à l'aide de CSS et l'implémenter à l'aide de la carte SD."},{"id":"text-5","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/09/cactus-og.png"},"relations":[{"rel":"canonical","href":"https://tutos-gameserver.fr/2019/09/08/tutoriel-sur-le-serveur-web-arduino-partie-3-bien-choisir-son-serveur-d-impression/"},{"rel":"alternate","href":"https://tutos-gameserver.fr/2019/09/08/tutoriel-sur-le-serveur-web-arduino-partie-3-bien-choisir-son-serveur-d-impression/llm","type":"text/html"},{"rel":"alternate","href":"https://tutos-gameserver.fr/2019/09/08/tutoriel-sur-le-serveur-web-arduino-partie-3-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}