ESP32 - Button - Servo Motor

This tutorial instructs you how to use ESP32 with button and servo motor. In detail, we will learn how to do:

ESP32 automatically rotates servo motor to 90° if the button is pressed.
ESP32 automatically rotates servo motor to 0° if the button is pressed again

That process is repeated.

Hardware Used In This Tutorial

1	×	38-pin ESP32 ESP-WROOM-32 Dev Module - Narrow
1	×	Alternatively, 38-pin ESP32 ESP-WROOM-32 Dev Module - Wide
1	×	Alternatively, 30-pin ESP32 ESP-WROOM-32 Dev Module - Wide
1	×	Alternatively, ESP32 Uno-form board
1	×	Alternatively, ESP32 S3 Uno-form board
1	×	USB Cable Type-A to Type-C (for USB-A PC)
1	×	USB Cable Type-C to Type-C (for USB-C PC)
1	×	Breadboard-mount Button with Cap
1	×	Breadboard-mount Button Kit
1	×	Panel-mount Push Button
1	×	Push Button Module
1	×	Servo Motor
1	×	Breadboard
1	×	Jumper Wires
1	×	Optionally, DC Power Jack
1	×	Recommended: Screw Terminal Expansion Board for ESP32
1	×	Recommended: Breakout Expansion Board for ESP32
1	×	Recommended: Power Splitter for ESP32

Or you can buy the following kits:

1	×	DIYables ESP32 Starter Kit (ESP32 included)
1	×	DIYables ESP32 S3 Starter Kit (ESP32 S3 included)
1	×	DIYables Sensor Kit (18 sensors/displays)

Disclosure: Some of the links in this section are Amazon affiliate links, meaning we may earn a commission at no additional cost to you if you make a purchase through them. Additionally, some links direct you to products from our own brand, DIYables .

Buy Note: In case of using multiple servo motors, it is recommended to use the PCA9685 16 Channel PWM Servo Driver Module to save MCU pins and simplify the wiring process.

Introduction to Servo Motor and Button

We have specific tutorials about servo motor and button. Each tutorial contains detailed information and step-by-step instructions about hardware pinout, working principle, wiring connection to ESP32, ESP32 code... Learn more about them at the following links:

Wiring Diagram

This image is created using Fritzing. Click to enlarge image

If you're unfamiliar with how to supply power to the ESP32 and other components, you can find guidance in the following tutorial: The best way to Power ESP32 and sensors/displays.

ESP32 Code - Button Controls Servo Motor

Why need to debounce for the button? ⇒ see ESP32 - Button Debounce tutorial

/* * This ESP32 code is created by esp32io.com * * This ESP32 code is released in the public domain * * For more detail (instruction and wiring diagram), visit https://esp32io.com/tutorials/esp32-button-servo-motor */ #include <ESP32Servo.h> #include <ezButton.h> #define BUTTON_PIN 21 // ESP32 pin GPIO21 connected to button's pin #define SERVO_PIN 26 // ESP32 pin GPIO26 connected to servo motor's pin ezButton button(BUTTON_PIN); // create ezButton object that attach to pin 7; Servo servo; // create servo object to control a servo // variables will change: int angle = 0; // the current angle of servo motor void setup() { Serial.begin(9600); // initialize serial button.setDebounceTime(50); // set debounce time to 50 milliseconds servo.attach(SERVO_PIN); // attaches the servo on pin 9 to the servo object servo.write(angle); } void loop() { button.loop(); // MUST call the loop() function first if (button.isPressed()) { // change angle of servo motor if (angle == 0) angle = 90; else if (angle == 90) angle = 0; // control servo motor arccoding to the angle Serial.print("The button is pressed => rotate servo to "); Serial.print(angle); Serial.println("°"); servo.write(angle); } }

Quick Instructions

If this is the first time you use ESP32, see how to setup environment for ESP32 on Arduino IDE.
Install ezButton library. See How To
Click to the Libraries icon on the left bar of the Arduino IDE.
Type ESP32Servo on the search box, then look for the servo library by Kevin Harrington,John K. Bennett.
Click Install button to install servo motor library for ESP32.

Copy the above code and paste it to Arduino IDE.
Compile and upload code to ESP32 board by clicking Upload button on Arduino IDE
Press the button several times
See the servo motor's rotation

Video Tutorial

Making video is a time-consuming work. If the video tutorial is necessary for your learning, please let us know by subscribing to our YouTube channel , If the demand for video is high, we will make the video tutorial.

Language References

Learn More

※ OUR MESSAGES

As freelancers, We are AVAILABLE for HIRE. See how to outsource your project to us
If this tutorial is useful for you, please support us to make more tutorials.
Please feel free to share the link of this tutorial. However, Please do not use our content on any other websites. We invested a lot of effort and time to create the content, please respect our work!