![\"ESP32](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2021\/08\/Control-Stepper-Motor-ESP32-Web-Server-Websocket.jpg?resize=1200%2C675&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nThis tutorial is the second part of this article ESP32 Web Server: Control Stepper Motor (HTML Form)<\/a><\/strong><\/em>, but it can also be followed as a standalone tutorial.<\/p>\n\n\n\n To better understand how this project works, you can take a look at the following tutorials:<\/p>\n\n\n\n Before proceeding with the tutorial, make sure you check the following prerequisites.<\/p>\n\n\n\n To follow this tutorial, you need the following parts:<\/p>\n\n\n\n You can use the preceding links or go directly to MakerAdvisor.com\/tools<\/a> to find all the parts for your projects at the best price!<\/p> We\u2019ll program the ESP32 using Arduino IDE. So, you must have the ESP32 add-on installed. Follow the next tutorial if you haven\u2019t already:<\/p>\n\n\n\n If you want to use VS Code with the PlatformIO extension, follow the next tutorial instead to learn how to program the ESP32:<\/p>\n\n\n\n To upload the HTML, CSS, and JavaScript files needed to build this project to the ESP32 filesystem (LittleFS), we\u2019ll use a plugin for Arduino IDE: LittleFS<\/strong> Filesystem uploader<\/strong>. Follow the next tutorial to install the filesystem uploader plugin if you haven’t already:<\/p>\n\n\n\n If you\u2019re using VS Code with the PlatformIO extension, read the following tutorial to learn how to upload files to the filesystem:<\/p>\n\n\n\n To build this project, you need to install the following libraries:<\/p>\n\n\n\n You can install these libraries in the Arduino Library Manager. Open the Library Manager by clicking the Library icon at the left sidebar.<\/p>\n\n\n\n Search for ESPAsyncWebServer<\/span> and install the ESPAsyncWebServer by ESP32Async<\/strong>.<\/p>\n\n\n Then, install the AsyncTCP library. Search for AsyncTCP<\/span> and install the AsyncTCP by ESP32Async<\/strong>.<\/p>\n\n\n The following schematic diagram shows the connections between the stepper motor and the ESP32.<\/p>\n\n\n Note: <\/strong> you should power the ULN2003APG motor driver using an external 5V power supply.<\/p>\n\n\n\n The following video shows a quick demonstration of what you’ll achieve by the end of this tutorial.<\/p>\n\n\n\n
Table of Contents<\/h2>\n\n\n\n
\n
\n
Prerequisites<\/h2>\n\n\n\n
1) Parts Required<\/h3>\n\n\n\n
\n
![](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2017\/10\/header-200.png?w=1200&quality=100&strip=all&ssl=1\")
<\/a><\/p>\n\n\n\n2) Arduino IDE and ESP32 Boards Add-on<\/h3>\n\n\n\n
\n
\n
3) Filesystem Uploader Plugin<\/h3>\n\n\n\n
\n
\n
4) Libraries<\/h3>\n\n\n\n
\n
![\"Installing](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/06\/Install-ESPAsyncWebServer-Library-ArduinoIDE-2-f.png?resize=666%2C586&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Installing](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/06\/Install-AsyncTCP-Library-ArduinoIDE.png?resize=722%2C586&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n5) Schematic Diagram<\/h3>\n\n\n\n
![\"ESP32](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2021\/07\/ESP32-Stepper-Motor-Schematic-Diagram-Wiring_bb.png?w=1200&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nMotor Driver<\/strong><\/td> ESP32<\/strong><\/td><\/tr> IN1<\/td> GPIO 19<\/span><\/td><\/tr> IN2<\/td> GPIO 18<\/span><\/td><\/tr> IN3<\/td> GPIO 5<\/span><\/td><\/tr> IN4<\/td> GPIO 17<\/span><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n Project Overview<\/h2>\n\n\n\n