Home
ESP8266

ESP8266 - Sensor de tacto - LED

Este tutorial te enseña cómo usar el ESP8266 y un sensor táctil para controlar el LED. Aprenderemos dos aplicaciones diferentes:

Aplicación 1 - El estado del LED está sincronizado con el estado del sensor táctil. En detalle:

Aplicación 2 - El estado del LED se alterna cada vez que se toca el sensor táctil. Más específicamente:

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×Sensor Táctil
1×LED Kit
1×LED (red)
1×LED Module
1×220Ω Resistor
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.

Buy Note: Use the LED Module for easier wiring. It includes an integrated resistor.

Acerca de LED y sensor táctil

Si no está familiarizado con LED y sensor táctil (incluyendo el pinout, operación y programación), los siguientes tutoriales pueden ayudar:

Diagrama de Cableado

Diagrama de cableado del LED y del sensor táctil ESP8266 NodeMCU

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.

Aplicación 1 - El estado del LED está sincronizado con el estado del sensor táctil

Código ESP8266

/* * 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-touch-sensor-led */ #define TOUCH_SENSOR_PIN D7 // The ESP8266 pin D7 connected to touch sensor's pin #define LED_PIN D1 // The ESP8266 pin D1 connected to LED's pin void setup() { Serial.begin(9600); // Initialize the Serial to communicate with the Serial Monitor. pinMode(TOUCH_SENSOR_PIN, INPUT); // Configure the ESP8266 pin to the input mode pinMode(LED_PIN, OUTPUT); // Configure the ESP8266 pin to the output mode } void loop() { int touch_state = digitalRead(TOUCH_SENSOR_PIN); // read new state if (touch_state == HIGH) { Serial.println("The sensor is being touched");; digitalWrite(LED_PIN, HIGH); // turn on } else if (touch_state == LOW) { Serial.println("The sensor is untouched"); digitalWrite(LED_PIN, LOW); // turn off } }

Pasos R\u00e1pidos

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

  • Consulta el tutorial cómo configurar el entorno para ESP8266 en Arduino IDE si es la primera vez que usas ESP8266.
  • Conecta los componentes tal como se muestra en el diagrama.
  • Conecta la placa ESP8266 a tu computadora usando un cable USB.
  • Abre Arduino IDE en tu computadora.
  • Elige la placa ESP8266 correcta, como (por ejemplo NodeMCU 1.0 (ESP-12E Module)), y su puerto COM correspondiente.
  • Conecta un ESP8266 a tu computadora con un cable USB.
  • Inicia Arduino IDE y selecciona la placa y el puerto correctos.
  • Copia el código y ábrelo en el Arduino IDE.
  • Haz clic en el botón Upload del Arduino IDE para compilar y subir el código al ESP8266.
Subir código en el IDE de Arduino
  • Toque el sensor táctil y manténgalo presionado durante unos segundos.
  • Observe el cambio en el estado del LED.

Podrás ver que el estado del LED está sincronizado con el estado del sensor táctil.

Explicación del código

¡Mira la explicación línea por línea que se encuentra en los comentarios del código fuente!

Aplicación 2 - El sensor táctil enciende/apaga el LED

Código ESP8266 - Sensor táctil alterna el LED

/* * 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-touch-sensor-led */ #define TOUCH_SENSOR_PIN D7 // The ESP8266 pin D7 connected to touch sensor's pin #define LED_PIN D1 // The ESP8266 pin D1 connected to LED's pin int led_state = LOW; // The current state of LED int prev_touch_state; // The previous state of touch sensor int touch_state; // The current state of touch sensor void setup() { Serial.begin(9600); // Initialize the Serial to communicate with the Serial Monitor. pinMode(TOUCH_SENSOR_PIN, INPUT); // Configure the ESP8266 pin to the input mode pinMode(LED_PIN, OUTPUT); // Configure the ESP8266 pin to the output mode touch_state = digitalRead(TOUCH_SENSOR_PIN); } void loop() { prev_touch_state = touch_state; // save the last state touch_state = digitalRead(TOUCH_SENSOR_PIN); // read new state if (prev_touch_state == LOW && touch_state == HIGH) { Serial.println("The sensor is touched"); // toggle state of LED led_state = !led_state; // control LED according to the toggled state digitalWrite(LED_PIN, led_state); } }

Explicación del código

Puede encontrar la explicación en las líneas de comentario del código ESP8266 anterior.

En el código, la expresión led_state = !led_state es igual al siguiente código:

if(led_state == LOW) led_state = HIGH; else led_state = LOW;

Pasos R\u00e1pidos

  • Copie el código y ábralo en el IDE de Arduino.
  • Cargue el código en el ESP8266.
  • Toque y suelte el sensor táctil varias veces.
  • Compruebe el cambio en el estado del LED.

Podrás ver que el estado del LED se invierte cada vez que se toca el sensor táctil.

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.

Tutoriales Relacionados

※ 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!
DIVULGACIÓN
es.newbiely.com es participante del Programa de Asociados de Amazon Services LLC, un programa de publicidad de afiliados diseñado para proporcionar un medio para que los sitios web ganen tarifas publicitarias mediante publicidad y enlaces a Amazon.com, Amazon.it, Amazon.de, Amazon.co.uk, Amazon.ca, Amazon.de, Amazon.es, Amazon.nl, Amazon.pl y Amazon.se
Copyright © 2025 es.newbiely.com. Todos los derechos reservados.
Términos y Condiciones | Política de Privacidad
Email: newbiely.com@gmail.com