ESP32 - Button - Relay
We are going to learn how to:
- Turn on relay if button is pressing.
- Turn off relay if button is NOT pressing.
We will learn how to toggle relay each time button is pressed in ESP32 - Button Toggles Relay tutorial.
By connecting relay to light bulb, led strip, motor or actuator... We can use the button to control light bulb, led strip, motor or actuator...
Hardware Required
| 1 | × | ESP-WROOM-32 Dev Module | |
| 1 | × | Micro USB Cable | |
| 1 | × | Button | |
| 1 | × | Relay | |
| 1 | × | Warning Light Bright Waterproof | |
| 1 | × | 12V Power Adapter | |
| 1 | × | Breadboard | |
| n | × | Jumper Wires |
Please note: These are affiliate links. If you buy the components through these links, We may get a commission at no extra cost to you. We appreciate it.
Wiring Diagram
Image is developed using Fritzing. Click to enlarge image
ESP32 Code
/*
* Created by esp32io.com
*
* This example code is in the public domain
*
* Tutorial page: https://esp32io.com/tutorials/esp32-button-relay
*/
const int BUTTON_PIN = 22; // ESP32 pin GIOP22 connected to button's pin
const int RELAY_PIN = 27; // ESP32 pin GIOP27 connected to relay's pin
void setup() {
Serial.begin(9600); // initialize serial
pinMode(BUTTON_PIN, INPUT_PULLUP); // set ESP32 pin to input pull-up mode
pinMode(RELAY_PIN, OUTPUT); // set ESP32 pin to output mode
}
void loop() {
int buttonState = digitalRead(BUTTON_PIN); // read new state
if (buttonState == LOW) {
Serial.println("The button is being pressed");
digitalWrite(RELAY_PIN, HIGH); // turn on
}
else
if (buttonState == HIGH) {
Serial.println("The button is unpressed");
digitalWrite(RELAY_PIN, LOW); // turn off
}
}
Quick Steps
- If this is the first time you use ESP32, see how to setup environment for ESP32 on Arduino IDE
- Connect the ESP32 board to your PC via a micro USB cable
- Open Arduino IDE, select the right ESP32 board and COM port
- Copy the above code and paste it to Arduino IDE
- Click Upload button on Arduino IDE to compile and upload code to ESP32 board
- Press and keep pressing the button several seconds
- See the change of relay's state
Code Explanation
Read the line-by-line explanation in comment lines of source code!
Video Tutorial
We are considering to make the video tutorials. If you think the video tutorials are essential, please subscribe to our YouTube channel to give us motivation for making the videos.
See Also
※ NOTE THAT:
Note that this tutorial is incomplete. We will post on our Facebook Page when the tutorial is complete. Like it to get updated.
Follow Us On