![\"ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/ESP32-ESP8266-DCMotor-Web-Server.jpg?resize=1200%2C675&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\nTo better understand how this project works, we recommend taking a look at our DC motor getting started guide with the ESP8266:<\/p>\n\n\n\n
- \n
- ESP8266 NodeMCU with DC Motor and L298N Motor Driver \u2013 Control Speed and Direction (Arduino IDE)<\/a><\/li>\n<\/ul>\n\n\n\n
Prerequisites<\/h2>\n\n\n\n
Before proceeding with the tutorial, make sure you check the following prerequisites.<\/p>\n\n\n
\n![\"ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/02\/Control-DC-Motor-ESP8266-L298N-motor-driver.jpg?resize=750%2C422&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n1) Parts Required<\/h3>\n\n\n\n
To follow this tutorial, you need the following parts:<\/p>\n\n\n\n
- \n
- Mini DC Motor<\/a><\/li>\n\n\n\n
- L298N Motor Driver<\/a><\/li>\n\n\n\n
- ESP8266 <\/a>(read Best ESP8266 boards comparison<\/a>)<\/li>\n\n\n\n
- Jumper Wires<\/a><\/li>\n\n\n\n
- External power supply for the motors\u2014we’ll be using 4xAA batteries<\/a><\/li>\n<\/ul>\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>
![](\"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 ESP8266 Boards Add-on<\/h3>\n\n\n\n
We\u2019ll program the ESP8266 using Arduino IDE. So, you must have the ESP8266 boards installed on your Arduino \u00ceDE if you haven’t already.<\/p>\n\n\n\n
- \n
- Installing ESP8266 NodeMCU Board in Arduino IDE 2 (Windows, Mac OS X, Linux)<\/a><\/li>\n<\/ul>\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 ESP8266:<\/p>\n\n\n\n
- \n
- Getting Started with VS Code and PlatformIO IDE for ESP32 and ESP8266 (Windows, Mac OS X, Linux Ubuntu)<\/a><\/li>\n<\/ul>\n\n\n\n
3) Filesystem Uploader Plugin<\/h3>\n\n\n\n
To upload the HTML and CSS files needed to build this project to the ESP8266 filesystem (LittleFS), we\u2019ll use a plugin for Arduino IDE: LittleFS Filesystem uploader<\/strong>. Follow the next tutorial to install the filesystem uploader plugin on Arduino 2 if you haven\u2019t already:<\/p>\n\n\n\n
- \n
- Arduino IDE 2: Install ESP8266 NodeMCU LittleFS Uploader (Upload Files to the Filesystem)<\/a><\/li>\n<\/ul>\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
- \n
- ESP8266 NodeMCU with VS Code and PlatformIO: Upload Files to Filesystem (LittleFS)<\/a><\/li>\n<\/ul>\n\n\n\n
4) Install Libraries<\/h3>\n\n\n\n
We’ll build the web server using the following libraries:<\/p>\n\n\n\n
- \n
- ESPAsyncWebServer by ESP32Async<\/a><\/li>\n\n\n\n
- ESPAsyncTCP by ESP32Async<\/a><\/li>\n<\/ul>\n\n\n\n
You can install these libraries using the Arduino Library Manager. Go to Sketch <\/strong>> Include Library<\/strong> > Manage Libraries<\/strong> and search for the libraries’ names.<\/p>\n\n\n\n
4) Schematic Diagram<\/h3>\n\n\n\n
The following schematic diagram shows how to connect a DC motor to the ESP8266 using a L298N motor driver.<\/p>\n\n\n\n
Not familiar with the L298N motor driver? Follow this tutorial first: ESP8266 NodeMCU with DC Motor and L298N Motor Driver \u2013 Control Speed and Direction (Arduino IDE)<\/a><\/p>\n\n\n\n
The motor we’ll control is connected to the motor A output pins, so we need to wire the ENABLEA, INPUT1, and INPUT2 pins of the motor driver to the ESP8266. Follow the next schematic diagram to wire the DC motor and the L298N motor driver to the ESP8266.<\/p>\n\n\n
\n![\"Wiring](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/02\/ESP8266-Circuit-DC-Motor-L298N.jpg?resize=1165%2C1322&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n - ESPAsyncTCP by ESP32Async<\/a><\/li>\n<\/ul>\n\n\n\n
- ESPAsyncWebServer by ESP32Async<\/a><\/li>\n\n\n\n
- ESP8266 NodeMCU with VS Code and PlatformIO: Upload Files to Filesystem (LittleFS)<\/a><\/li>\n<\/ul>\n\n\n\n
- Arduino IDE 2: Install ESP8266 NodeMCU LittleFS Uploader (Upload Files to the Filesystem)<\/a><\/li>\n<\/ul>\n\n\n\n
- Getting Started with VS Code and PlatformIO IDE for ESP32 and ESP8266 (Windows, Mac OS X, Linux Ubuntu)<\/a><\/li>\n<\/ul>\n\n\n\n
- L298N Motor Driver<\/a><\/li>\n\n\n\n
- Mini DC Motor<\/a><\/li>\n\n\n\n
![\"Powering](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/01\/4-AA-batteries.jpg?resize=750%2C499&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Mini](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/02\/DC-Motor-with-capacitor.jpg?resize=750%2C422&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Control-DC-Motor-ESP8266-Web-Browser-Web-Server.png?resize=653%2C530&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/ESP8266-Web-Server-organizing-files-littlefs.png?resize=547%2C358&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Upload](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/02\/upload-to-filesystem-arduino-2-esp32-esp8266-pico.png?resize=673%2C586&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/esp8266-upload-files-filesystem-upload-completed.png?resize=702%2C293&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Arduino](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2021\/05\/arduino-ide-2-upload-button.png?resize=36%2C39&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"Open](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/02\/serial-monitor-logo-arduino-ide-2.png?resize=41%2C39&quality=100&strip=all&ssl=1\"){kind=logo}
<\/figure><\/div>\n\n\n![\"ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/Dc-Motor-Web-Server-ESP8266-IP-address.png?resize=690%2C806&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/ESP-Control-DC-Motor.jpg?resize=750%2C422&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n![\"ESP8266](\"https:\/\/i0.wp.com\/randomnerdtutorials.com\/wp-content\/uploads\/2024\/03\/ESP32-Control-DC-Motor-via-Web-Server.jpg?resize=750%2C421&quality=100&strip=all&ssl=1\")
<\/figure><\/div>\n\n\n