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
Or you can buy the following kits:
| 1 | × | DIYables Sensor Kit (30 sensors/displays) | |
| 1 | × | DIYables Sensor Kit (18 sensors/displays) |
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

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
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.

- 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.

- 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.