ESP8266 - Traceur série

Préparation du matériel

1×ESP8266 NodeMCU
1×Micro USB Cable
1×(Optional) 5V Power Adapter for ESP8266
1×(Optional) ESP8266 Screw Terminal Adapter

Or you can buy the following sensor kits:

1×DIYables Sensor Kit (30 sensors/displays)
1×DIYables Sensor Kit (18 sensors/displays)
Divulgation : Certains des liens fournis dans cette section sont des liens affiliés Amazon. Nous pouvons recevoir une commission pour tout achat effectué via ces liens, sans coût supplémentaire pour vous. Nous vous remercions de votre soutien.

À propos de l'enregistreur de courbes

Le Traceur Série est une fonctionnalité de l'IDE Arduino. Il permet à l'ESP8266 de lire la température, l'humidité ou tout autre type de données de capteurs et de les envoyer au Traceur Série. Le Traceur Série prend ensuite ces données et les affiche sous forme d'ondes. Il peut non seulement afficher les données d'un seul capteur, mais aussi les données de plusieurs capteurs sur le même graphique.

Les données sont échangées entre le traceur série et l'ESP8266 via un câble USB. Ce même câble est utilisé pour télécharger le code vers l'ESP8266. Par conséquent, pour utiliser le traceur série, il est nécessaire de connecter l'ESP8266 et le PC à l'aide de ce câble.

Le traceur série dispose d'une boîte de sélection pour choisir le débit en bauds série et un graphique. L'axe des X du graphique représente le temps, avec 500 points. Le temps entre chaque point est déterminé par le temps entre deux appels consécutifs de la fonction Serial.println(), qui est généralement égal au temps de la fonction loop(). L'axe des Y du graphique affiche les valeurs reçues de l'ESP8266 et s'ajuste automatiquement lorsque la valeur augmente ou diminue.

Comment ouvrir le traceur série

Cliquez sur l'icône du traceur série situé sur le côté droit de l'Arduino IDE.

comment ouvrir le traceur série

Tracé d'une seule ligne dans un graphique

Pour générer un seul graphique, nous devons simplement envoyer les données et les terminer avec le caractère “\r\n”.

Plus précisément, nous devons utiliser la fonction Serial.println().

Serial.println(variable);

※ NOTE THAT:

Serial.println() ajoute les caractères “\r\n” à la fin des données.

Exemple de Code

Prenez la valeur d'une broche d'entrée analogique et tracez-la sur le traceur série. Voici un exemple de la manière de procéder.

/* * Ce code ESP8266 NodeMCU a été développé par newbiely.fr * Ce code ESP8266 NodeMCU est mis à disposition du public sans aucune restriction. * Pour des instructions complètes et des schémas de câblage, veuillez visiter: * https://newbiely.fr/tutorials/esp8266/esp8266-serial-plotter */ void setup() { Serial.begin(9600); } void loop() { int y1 = analogRead(A0); Serial.println(y1); delay(100); }

Étapes rapides

Pour commencer avec l'ESP8266 sur Arduino IDE, suivez ces étapes :

  • Consultez le tutoriel comment configurer l'environnement pour ESP8266 sur Arduino IDE si c'est la première fois que vous utilisez un ESP8266.
  • Câblez les composants comme indiqué dans le schéma.
  • Connectez la carte ESP8266 à votre ordinateur à l'aide d'un câble USB.
  • Ouvrez l'Arduino IDE sur votre ordinateur.
  • Choisissez la bonne carte ESP8266, comme (par exemple NodeMCU 1.0 (Module ESP-12E)), et son port COM respectif.
  • Copiez le code et ouvrez-le dans l'Arduino IDE.
  • Cliquez sur le bouton Upload dans l'IDE pour envoyer le code à l'ESP8266.
  • Ouvrez le Traceur Série.
  • Réglez le débit en bauds sur 9600.
  • Consultez le graphique sur le Traceur Série.
exemple de traceur de série à une seule ligne

Tracé de plusieurs lignes dans un graphique

Afin de tracer plusieurs variables, nous devons les séparer les unes des autres en utilisant soit le caractère « \t » soit le caractère " ". La valeur finale DOIT se terminer par les caractères « \r\n ».

  • La première variable :
Serial.print(variable_first);
  • Les variables au milieu :
Serial.print("\t"); // ou Serial.print(" ") Serial.print(variable_nth);
  • La variable finale :
Serial.print("\t"); // ou Serial.print(" ") Serial.println(variable_last); // Imprime la valeur de la variable_last et passe à la ligne suivante

Exemple de Code

Prenez la valeur de quatre broches d'entrée analogiques et affichez-les sur le traceur série.

/* * Ce code ESP8266 NodeMCU a été développé par newbiely.fr * Ce code ESP8266 NodeMCU est mis à disposition du public sans aucune restriction. * Pour des instructions complètes et des schémas de câblage, veuillez visiter: * https://newbiely.fr/tutorials/esp8266/esp8266-serial-plotter */ void setup() { Serial.begin(9600); } void loop() { int y1 = random(0, 30); int y2 = random(0, 50); int y3 = random(20, 80); int y4 = random(40, 100); Serial.print(y1); Serial.print(" "); // un caractère espace ' ' ou tabulation '\t' est imprimé entre les deux valeurs. Serial.print(y2); Serial.print(" "); // un caractère espace ' ' ou tabulation '\t' est imprimé entre les deux valeurs. Serial.print(y3); Serial.print(" "); // un caractère espace ' ' ou tabulation '\t' est imprimé entre les deux valeurs. Serial.println(y4); // la dernière valeur est suivie d'un retour chariot et de caractères de nouvelle ligne. delay(100); }

Utilisez plusieurs graphiques pour illustrer les données.

exemple de traceur série à lignes multiples

Exemple de 3 formes d'onde sinusoïdales

/* * Ce code ESP8266 NodeMCU a été développé par newbiely.fr * Ce code ESP8266 NodeMCU est mis à disposition du public sans aucune restriction. * Pour des instructions complètes et des schémas de câblage, veuillez visiter: * https://newbiely.fr/tutorials/esp8266/esp8266-serial-plotter */ void setup() { Serial.begin(9600); } void loop() { for(int i = 0; i < 360; i += 15) { float y1 = 1 * sin(i * M_PI / 180); float y2 = 2 * sin((i + 90)* M_PI / 180); float y3 = 5 * sin((i + 180)* M_PI / 180); Serial.print(y1); Serial.print("\t"); // un espace ' ' ou un caractère de tabulation '\t' est imprimé entre les deux valeurs. Serial.print(y2); Serial.print("\t"); // un espace ' ' ou un caractère de tabulation '\t' est imprimé entre les deux valeurs. Serial.println(y3); // la dernière valeur est suivie d'un retour chariot et de caractères de nouvelle ligne. delay(100); } }

Graphique de plusieurs ondes sinusoïdales : Une représentation de plusieurs ondes sinusoïdales est illustrée dans le graphique.

traceur série de sinusoides

Si vous souhaitez consulter ce traceur sur votre smartphone ou PC, visitez le tutoriel ESP8266 - Web Plotter.

Vidéo

※ OUR MESSAGES

  • Please feel free to share the link of this tutorial. However, Please do not use our content on any other websites. We invested a lot of effort and time to create the content, please respect our work!