ESP8266 - Compteur de Bouton - LCD

Ce tutoriel vous explique comment utiliser l'ESP8266 pour compter les pressions sur un bouton et afficher le nombre compté sur un écran LCD. Il est possible de modifier cela pour l'utilisation avec différents capteurs au lieu du bouton.

Dans ce tutoriel, nous allons supprimer le rebond du bouton sans utiliser la fonction delay(). Pour plus d'informations, veuillez consulter Pourquoi avons-nous besoin de supprimer le rebond ?

Préparation du matériel

1	×	ESP8266 NodeMCU
1	×	Câble USB Type-A vers Type-C (pour PC USB-A)
1	×	Câble USB Type-C vers Type-C (pour PC USB-C)
1	×	Push Button
1	×	Optionnel: Bouton poussoir pour montage sur panneau
1	×	Module bouton poussoir
1	×	LCD I2C
1	×	Plaque d'essai
1	×	Fils de connexion
1	×	Optionnel: 5V Power Adapter for ESP8266
1	×	Recommandé: Carte d'extension à bornier à vis pour ESP8266
1	×	Recommandé: Répartiteur d'alimentation pour ESP8266 Type-C

Ou vous pouvez acheter les kits suivants:

1	×	Kit de Capteurs DIYables (30 capteurs/écrans)
1	×	Kit de Capteurs DIYables (18 capteurs/écrans)

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'écran LCD I2C et du bouton

Si vous ne connaissez pas le LCD I2C et les boutons (brochage, fonctionnement, programmation...), les tutoriels suivants peuvent vous aider à apprendre :

Diagramme de câblage

Schéma de câblage ESP8266 NodeMCU Bouton LCD I2C

Cette image a été créée avec Fritzing. Cliquez pour agrandir l'image.

Pour plus d'informations, consultez Brochage ESP8266. et Comment alimenter l'ESP8266..

Code ESP8266 - affichage du nombre de clics sur un LCD I2C

/* * 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-button-count-lcd */ #include <LiquidCrystal_I2C.h> #include <ezButton.h> LiquidCrystal_I2C lcd(0x27, 16, 2); // I2C address 0x27 (from DIYables LCD), 16 column and 2 rows ezButton button(13); // create ezButton object for pin 13; unsigned long prev_count = 0; void setup() { Serial.begin(9600); lcd.init(); // Initialize the LCD I2C display lcd.backlight(); // open the backlight button.setDebounceTime(50); // set debounce time to 50 milliseconds button.setCountMode(COUNT_FALLING); } void loop() { button.loop(); // MUST call the loop() function first unsigned long count = button.getCount(); if (prev_count != count) { Serial.println(count); // print count to Serial Monitor lcd.clear(); lcd.setCursor(0, 0); // start to print at the first row lcd.print("Count: "); lcd.print(count); prev_count != count; } }

Étapes rapides

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

Consultez le tutoriel Installation du logiciel ESP8266. si c'est votre première utilisation de l'ESP8266.
Connectez les composants comme indiqué dans le schéma.
Connectez la carte ESP8266 à votre ordinateur via un câble USB.
Ouvrez Arduino IDE sur votre ordinateur.
Choisissez la bonne carte ESP8266, telle que (par exemple NodeMCU 1.0 (Module ESP-12E)), et son port COM respectif.
Cliquez sur l'icône Libraries dans la barre latérale gauche de l'Arduino IDE.
Recherchez "ezButton" et localisez la bibliothèque de boutons de ArduinoGetStarted.
Appuyez sur le bouton Install pour installer la bibliothèque ezButton.

Recherchez « LiquidCrystal I2C » et trouvez la bibliothèque LiquidCrystal_I2C créée par Frank de Brabander.
Ensuite, cliquez sur le bouton Install pour ajouter la bibliothèque.

Bibliothèque LiquidCrystal I2C ESP8266 NodeMCU

Copiez le code et ouvrez-le dans l'Arduino IDE.
Cliquez sur le bouton Upload pour envoyer le code à l'ESP8266.
Appuyez plusieurs fois sur le bouton.
Observez le compteur sur l'écran LCD changer.

※ Note:

L'adresse de l'écran LCD peut varier selon le fabricant. Nous avons utilisé 0x27 dans notre code, comme spécifié par DIYables.

Vidéo

Tutoriels connexes

※ NOS MESSAGES

N'hésitez pas à partager le lien de ce tutoriel. Cependant, veuillez ne pas utiliser notre contenu sur d'autres sites web. Nous avons investi beaucoup d'efforts et de temps pour créer ce contenu, veuillez respecter notre travail !