ESP32 – Taster schaltet LED um

Dieses Tutorial zeigt dir, wie du den ESP32 verwendest, um den Zustand einer LED zwischen EIN und AUS umzuschalten, wenn ein Knopf gedrückt wird. Genauer gesagt:

Wenn der Knopf gedrückt wird, schalte die LED ein.
Wenn der Knopf erneut gedrückt wird, schalte die LED aus.
Der obige Prozess wird immer wiederholt.

Der ESP32-Code enthält Code für einen Knopf, der eine LED sowohl ohne als auch mit Entprellung umschaltet.

Erforderliche Hardware

1	×	ESP32 ESP-WROOM-32 Entwicklungsmodul
1	×	USB-Kabel Typ-A zu Typ-C (für USB-A PC)
1	×	USB-Kabel Typ-C zu Typ-C (für USB-C PC)
1	×	Breadboard-Taster mit Kappe
1	×	Breadboard-Taster-Kit
1	×	Panel-Drucktaster
1	×	Taster-Modul
1	×	LED Kit
1	×	LED (red)
1	×	LED Module
1	×	220Ω Resistor
1	×	Breadboard
1	×	Verbindungskabel
1	×	(Optional) DC-Stromanschluss
1	×	(Empfohlen) Schraubklemmen-Erweiterungsboard für ESP32
1	×	(Empfohlen) Breakout Expansion Board for ESP32
1	×	(Empfohlen) Stromverteiler für ESP32

Oder Sie können die folgenden Kits kaufen:

1	×	DIYables ESP32 Starter-Kit (ESP32 enthalten)
1	×	DIYables Sensor-Kit (30 Sensoren/Displays)
1	×	DIYables Sensor-Kit (18 Sensoren/Displays)

Offenlegung: Einige der in diesem Abschnitt bereitgestellten Links sind Amazon-Affiliate-Links. Wir können eine Provision für Käufe erhalten, die über diese Links getätigt werden, ohne zusätzliche Kosten für Sie. Wir schätzen Ihre Unterstützung.

Kaufhinweis: Um den Verdrahtungsprozess zu vereinfachen, empfehlen wir die Verwendung des LED Module, das mit einem eingebauten Widerstand geliefert wird.

Über LED und Taster

Wir haben spezifische Tutorials zu LED und Taster. Jedes Tutorial enthält detaillierte Informationen und Schritt-für-Schritt-Anleitungen zur Hardware-Pinbelegung, Funktionsprinzip, Verkabelung zum ESP32, ESP32-Code... Erfahren Sie mehr darüber in den folgenden Links:

Verdrahtungsdiagramm

Dieses Bild wurde mit Fritzing erstellt. Klicken Sie, um das Bild zu vergrößern.

Wenn Sie nicht wissen, wie Sie ESP32 und andere Komponenten mit Strom versorgen, finden Sie Anleitungen im folgenden Tutorial: Wie man ESP32 mit Strom versorgt.

ESP32-Code - Taster schaltet LED ohne Entprellung

/* * Dieser ESP32 Code wurde von newbiely.de entwickelt * Dieser ESP32 Code wird der Öffentlichkeit ohne jegliche Einschränkung zur Verfügung gestellt. * Für vollständige Anleitungen und Schaltpläne besuchen Sie bitte: * https://newbiely.de/tutorials/esp32/esp32-button-toggle-led */ #define BUTTON_PIN 18 // ESP32 pin GPIO18, which connected to button #define LED_PIN 21 // ESP32 pin GPIO21, which connected to led // variables will change: int led_state = LOW; // the current state of LED int button_state; // the current state of button int last_button_state; // the previous state of button void setup() { Serial.begin(9600); // initialize serial pinMode(BUTTON_PIN, INPUT_PULLUP); // set ESP32 pin to input pull-up mode pinMode(LED_PIN, OUTPUT); // set ESP32 pin to output mode button_state = digitalRead(BUTTON_PIN); } void loop() { last_button_state = button_state; // save the last state button_state = digitalRead(BUTTON_PIN); // read new state if (last_button_state == HIGH && button_state == LOW) { Serial.println("The button is pressed"); // toggle state of LED led_state = !led_state; // control LED arccoding to the toggled state digitalWrite(LED_PIN, led_state); } }

Schnelle Schritte

Wenn dies das erste Mal ist, dass Sie ESP32 verwenden, lesen Sie wie man die Umgebung für ESP32 in der Arduino IDE einrichtet.
Schließen Sie die Verdrahtung wie im obigen Bild an.
Schließen Sie das ESP32-Board über ein Micro-USB-Kabel an Ihren PC an.
Öffnen Sie die Arduino IDE auf Ihrem PC.
Wählen Sie das richtige ESP32-Board (z. B. ESP32 Dev Module) und den COM-Port aus.
Kopieren Sie den obigen Code und fügen Sie ihn in die Arduino IDE ein.
Kompilieren und laden Sie den Code auf das ESP32-Board, indem Sie in der Arduino IDE auf die Schaltfläche Upload klicken.
Halten Sie die Taste mehrere Sekunden lang gedrückt und lassen Sie sie dann los.
Sehen Sie die Änderung des LED-Zustands.

Zeile für Zeile Code-Erklärung

Der obige ESP32-Code enthält eine Zeile-für-Zeile-Erklärung. Bitte lesen Sie die Kommentare im Code!

Im Code entspricht led_state = !led_state dem folgenden Code:

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

※ Notiz:

Der obige Code enthält keine Entprelllogik für den Taster. Ohne Entprellung des Tasters können unerwartete Verhaltensweisen auftreten. Siehe Warum braucht man eine Entprellung für den Taster. Die Entprelllogik des Tasters ist für Anfänger kompliziert. Glücklicherweise übernimmt die ezButton-Bibliothek die Entprellung des Tasters für uns.

ESP32-Code - Taster schaltet LED mit Entprellung

/* * Dieser ESP32 Code wurde von newbiely.de entwickelt * Dieser ESP32 Code wird der Öffentlichkeit ohne jegliche Einschränkung zur Verfügung gestellt. * Für vollständige Anleitungen und Schaltpläne besuchen Sie bitte: * https://newbiely.de/tutorials/esp32/esp32-button-toggle-led */ #include <ezButton.h> #define BUTTON_PIN 18 // ESP32 pin GPIO18, which connected to button #define LED_PIN 21 // ESP32 pin GPIO21, which connected to led ezButton button(BUTTON_PIN); // create ezButton object that attach to pin 7; // variables will change: int led_state = LOW; // the current state of LED void setup() { Serial.begin(9600); // initialize serial pinMode(LED_PIN, OUTPUT); // set ESP32 pin to output mode button.setDebounceTime(50); // set debounce time to 50 milliseconds } void loop() { button.loop(); // MUST call the loop() function first if (button.isPressed()) { Serial.println("The button is pressed"); // toggle state of LED led_state = !led_state; // control LED arccoding to the toggleed sate digitalWrite(LED_PIN, led_state); } }

Schnelle Schritte

Wenn Sie ESP32 zum ersten Mal verwenden, sehen Sie sich wie man die Umgebung für ESP32 in der Arduino IDE einrichtet an.
Installieren Sie die ezButton-Bibliothek. Siehe Anleitung
Kopieren Sie den obigen Code und fügen Sie ihn in die Arduino IDE ein.
Kompilieren Sie den Code und laden Sie ihn auf das ESP32-Board hoch, indem Sie in der Arduino IDE die Schaltfläche Upload klicken.
Drücken Sie den Knopf mehrmals hintereinander.
Sehen Sie den Zustand der LED.

Video Tutorial

Wir erwägen die Erstellung von Video-Tutorials. Wenn Sie Video-Tutorials für wichtig halten, abonnieren Sie bitte unseren YouTube-Kanal , um uns zu motivieren, die Videos zu erstellen.

ESP32 – Taster schaltet LED um

Erforderliche Hardware

Über LED und Taster

Verdrahtungsdiagramm

ESP32-Code - Taster schaltet LED ohne Entprellung

Schnelle Schritte

Zeile für Zeile Code-Erklärung

ESP32-Code - Taster schaltet LED mit Entprellung

Schnelle Schritte

Video Tutorial

Sprachreferenzen

Verwandte Tutorials