ESP8266 - Conteo de Botones - LCD

Este tutorial explica cómo usar el ESP8266 para contar cuántas veces se pulsa un botón y mostrar el número contado en una pantalla LCD. Es posible modificarlo para su uso con diferentes sensores en lugar del botón.

En este tutorial, eliminaremos el rebote del botón sin usar la función delay(). Para obtener más información, consulte ¿Por qué necesitamos el rebote?

Hardware Requerido

1×ESP8266 NodeMCU
1×Cable USB Tipo-A a Tipo-C (para PC USB-A)
1×Cable USB Tipo-C a Tipo-C (para PC USB-C)
1×Botón para Protoboard con Tapa
1×Kit de Botón para Protoboard
1×Botón Pulsador de Panel
1×Módulo de Botón Pulsador
1×LCD I2C
1×Protoboard
1×Cables Puente
1×(Recomendado) Placa de Expansión de Terminales de Tornillo para ESP8266
1×(Recomendado) Divisor de Alimentación para ESP8266 Tipo-C

Or you can buy the following kits:

1×DIYables Sensor Kit (30 sensors/displays)
1×DIYables Sensor Kit (18 sensors/displays)
Divulgación: Algunos de los enlaces proporcionados en esta sección son enlaces de afiliado de Amazon. Podemos recibir una comisión por las compras realizadas a través de estos enlaces sin costo adicional para usted. Apreciamos su apoyo.

Acerca de LCD I2C y el botón

Si no estás familiarizado con la pantalla LCD I2C y el botón (disposición de pines, cómo funciona, cómo programarlo...), los siguientes tutoriales pueden ayudarte a aprender:

Diagrama de Cableado

Diagrama de cableado del ESP8266 NodeMCU con botón y LCD I2C

This image is created using Fritzing. Click to enlarge image

Para obtener m\u00e1s informaci\u00f3n, consulte Pines del ESP8266 y c\u00f3mo alimentar ESP8266 y otros componentes.

Código ESP8266 - mostrando el conteo de botones en LCD I2C

/* * Este código de ESP8266 NodeMCU fue desarrollado por es.newbiely.com * Este código de ESP8266 NodeMCU se proporciona al público sin ninguna restricción. * Para tutoriales completos y diagramas de cableado, visite: * https://es.newbiely.com/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; } }

Pasos R\u00e1pidos

Para empezar con ESP8266 en el IDE de Arduino, sigue estos pasos:

  • Consulta el cómo configurar el entorno para ESP8266 en Arduino IDE tutorial si es la primera vez que usas ESP8266.
  • Conecta los componentes tal como se muestran en el diagrama.
  • Conecta la placa ESP8266 a tu computadora utilizando un cable USB.
  • Abre Arduino IDE en tu computadora.
  • Elige la placa ESP8266 correcta, como (p. ej. NodeMCU 1.0 (ESP-12E Module)), y su puerto COM respectivo.
  • Haz clic en el icono Libraries en la barra izquierda del Arduino IDE.
  • Busca “ezButton” y localiza la biblioteca ezButton de ArduinoGetStarted.
  • Presiona el botón Install para instalar la biblioteca ezButton.
Biblioteca de botones para ESP8266 NodeMCU
  • Busca “LiquidCrystal I2C” y localiza la biblioteca LiquidCrystal_I2C creada por Frank de Brabander.
  • Luego, haz clic en el Instalar botón para agregar la biblioteca.
Biblioteca ESP8266 NodeMCU LiquidCrystal I2C
  • Copia el código y ábrelo en el IDE de Arduino.
  • Haz clic en el botón Subir para enviar el código al ESP8266.
  • Pulsa el botón varias veces.
  • Observa cómo cambia el contador en la pantalla LCD.

※ Nota:

La dirección del LCD puede variar según el fabricante. Usamos 0x27 en nuestro código, tal como lo especifica DIYables.

Video Tutorial

Estamos considerando crear tutoriales en video. Si considera que los tutoriales en video son importantes, suscríbase a nuestro canal de YouTube para motivarnos a crear los videos.

※ NUESTROS MENSAJES

  • No dude en compartir el enlace de este tutorial. Sin embargo, por favor no use nuestro contenido en otros sitios web. Hemos invertido mucho esfuerzo y tiempo en crear el contenido, ¡por favor respete nuestro trabajo!