STEP 1 / 6ESP + IOT

Web Server for ESP32/ESP8266 Relay Modules Built with the Arduino IDE (1, 2, 4, 8, 16 Channels)

425.Web Server for ESP32/ESP8266 Relay Modules Built with the Arduino IDE (1, 2, 4, 8, 16 Channels) ESP8266 NodeMCU Web Server that has the capability of controlling any relay module. We…

Circuit Atlas themed schematic for Web Server for ESP32/ESP8266 Relay Modules Built with the Arduino IDE (1, 2, 4, 8, 16 Channels)
PROJECT#425
TRACKIoT
PARTS05
STAGES06
STEP 1 / 6 · Overview

Know the mission before touching a wire.

Understand what you are making, prepare the right tools, and make the workbench safe.

01

Project details

Web Server for ESP32/ESP8266 Relay Modules Built with the Arduino IDE (1, 2, 4, 8, 16 Channels) is a iot project. 425.Web Server for ESP32/ESP8266 Relay Modules Built with the Arduino IDE (1, 2, 4, 8, 16 Channels) ESP8266 NodeMCU Web Server that has the capability of controlling any relay module. We…

Source pages
1018-1022
Named parts
5
Build goal
Working, tested prototype
02

Tools you need

  • Digital multimeter
  • Wire stripper and side cutters
  • Soldering iron with a fine tip
  • Current-limited bench supply
  • Computer with a data-capable USB cable

Use eye protection, good lighting, and a clean insulated surface throughout the build.

03

Safety precautions

  • Disconnect every power source before changing a connection.
  • Check component polarity, pinout, and supply voltage twice.
  • Use a current limit for the first power-up.
  • This project may involve hazardous voltage. Work only with qualified supervision and proper isolation.
Ready to continue?
STEP 2 / 6 · Parts library

Gather, identify, and understand every part.

Use the standardized inventory, then open What's this? to learn each part's role, advantages, limitations, handling, and specifications.

NAMED PROJECT INVENTORY5 PART LINES
PARTTYPEQTYREADY
MESP8266MODULE1
What's this?Image, role, pros, cons, handling & specifications
Circuit Atlas themed schematic for Web Server for ESP32/ESP8266 Relay Modules Built with the Arduino IDE (1, 2, 4, 8, 16 Channels)MODULE LEARNING VIEW

ESP8266

A programmable controller that reads inputs, makes decisions, and drives the project's outputs.

What it does here

It is the control centre and must use the documented board, pin map, supply, and logic level.

Buy / compare this part

Advantages

  • Reprogrammable and reusable
  • Large learning ecosystem
  • Complex behaviour remains changeable

Limitations

  • GPIO voltage and current are limited
  • Some pins affect boot or communication
  • Loads normally need a driver

Handling

  • Disconnect power before rewiring
  • Avoid static discharge
  • Never power motors, relays, or pumps directly from GPIO

Specifications to verify

  • Use the exact model, value, package, and rating listed for ESP8266; similar-looking parts are not always interchangeable.
  • Confirm operating voltage, logic level, pinout, memory, USB interface, and maximum GPIO current.
MESP32MODULE1
What's this?Image, role, pros, cons, handling & specifications
Circuit Atlas themed schematic for Web Server for ESP32/ESP8266 Relay Modules Built with the Arduino IDE (1, 2, 4, 8, 16 Channels)MODULE LEARNING VIEW

ESP32

A programmable controller that reads inputs, makes decisions, and drives the project's outputs.

What it does here

It is the control centre and must use the documented board, pin map, supply, and logic level.

Buy / compare this part

Advantages

  • Reprogrammable and reusable
  • Large learning ecosystem
  • Complex behaviour remains changeable

Limitations

  • GPIO voltage and current are limited
  • Some pins affect boot or communication
  • Loads normally need a driver

Handling

  • Disconnect power before rewiring
  • Avoid static discharge
  • Never power motors, relays, or pumps directly from GPIO

Specifications to verify

  • Use the exact model, value, package, and rating listed for ESP32; similar-looking parts are not always interchangeable.
  • Confirm operating voltage, logic level, pinout, memory, USB interface, and maximum GPIO current.
MNodeMCUMODULE1
What's this?Image, role, pros, cons, handling & specifications
NodeMCU ESP8266 development boardMODULE LEARNING VIEW

NodeMCU

A programmable controller that reads inputs, makes decisions, and drives the project's outputs.

What it does here

It is the control centre and must use the documented board, pin map, supply, and logic level.

Buy / compare this part

Advantages

  • Reprogrammable and reusable
  • Large learning ecosystem
  • Complex behaviour remains changeable

Limitations

  • GPIO voltage and current are limited
  • Some pins affect boot or communication
  • Loads normally need a driver

Handling

  • Disconnect power before rewiring
  • Avoid static discharge
  • Never power motors, relays, or pumps directly from GPIO

Specifications to verify

  • Use the exact model, value, package, and rating listed for NodeMCU; similar-looking parts are not always interchangeable.
  • Confirm operating voltage, logic level, pinout, memory, USB interface, and maximum GPIO current.
PRelay modulePART1
What's this?Image, role, pros, cons, handling & specifications
Circuit Atlas themed schematic for Web Server for ESP32/ESP8266 Relay Modules Built with the Arduino IDE (1, 2, 4, 8, 16 Channels)PART LEARNING VIEW

Relay module

An output component turns an electrical control signal into light, sound, motion, switching, or displayed information.

What it does here

It presents the circuit result or acts on the physical world.

Buy / compare this part

Advantages

  • Makes system state visible
  • Can be tested separately
  • Supports clear troubleshooting

Limitations

  • Loads may exceed controller current
  • Polarity or driver direction can matter
  • Inductive loads create voltage spikes

Handling

  • Use the documented driver stage
  • Check polarity and load current
  • Add flyback protection for inductive loads

Specifications to verify

  • Use the exact model, value, package, and rating listed for Relay module; similar-looking parts are not always interchangeable.
  • Confirm voltage, current, polarity, interface, driver requirements, and duty cycle.
PNETWORKPART1
What's this?Image, role, pros, cons, handling & specifications
Circuit Atlas themed schematic for Web Server for ESP32/ESP8266 Relay Modules Built with the Arduino IDE (1, 2, 4, 8, 16 Channels)PART LEARNING VIEW

NETWORK

A named project component whose exact role is defined by the source circuit and build guide.

What it does here

It performs a documented electrical, control, interface, or construction function in this project.

Buy / compare this part

Advantages

  • Selected for this project
  • Can be checked independently
  • Supports modular troubleshooting

Limitations

  • Substitutes may differ
  • Generic names can hide variants
  • Pinouts and ratings vary

Handling

  • Compare the received part with the source
  • Keep it labelled
  • Do not force connectors or adjusters

Specifications to verify

  • Use the exact model, value, package, and rating listed for NETWORK; similar-looking parts are not always interchangeable.
  • Confirm dimensions, ratings, connection method, polarity, and environmental limits.
Ready to continue?
STEP 4 / 6 · Source code

Confirm the hardware-only control path.

This project does not include firmware in the source. The circuit itself provides the required behaviour.

01

How to connect

  1. Match every controller label to the circuit view and source pin map.
  2. Join grounds before signal wires when separate low-voltage supplies are used.
  3. Keep motors, relays, pumps, and other loads on a suitable driver and external supply.

Common mistakes

Reversed VCC/GND, board-label versus GPIO-number confusion, missing common ground, and charge-only USB cables.

Troubleshoot

Disconnect loads, continuity-test one path at a time, then test with a current limit.

02

Software preparation

No IDE, board package, library, or firmware upload is required for this project.

If you add a programmable controller as an extension, document its pin map separately.

03

How to upload code

The original design is implemented entirely in hardware, so proceed after verifying the circuit and supply.

Ready to continue?
STEP 5 / 6 · Build

Assemble, deploy, test, and troubleshoot.

Use the complete source notes in build order, then pass the final checks before calling the project finished.

ASSEMBLY

Build in functional stages

  • Power and regulation
  • Controller or processing stage
  • Inputs and sensors
  • Outputs and loads
  • Enclosure and strain relief
TEST

Power up safely

  • Inspect unpowered continuity first
  • Apply the lowest safe current limit
  • Measure supply rails before signals
  • Add one load at a time
  • Record expected and actual results
TROUBLESHOOT

Work from simple to complex

  • Confirm power, ground, polarity, and orientation
  • Compare each pin with the source
  • Test inputs separately from outputs
  • Replace only one variable at a time
  • Power off before every correction
PROJECT-SPECIFIC BUILD NOTES

Follow the documented instructions.

These notes come from this project's source and remain in their original order.

01

Project overview

Project build note

425.Web Server for ESP32/ESP8266 Relay Modules Built with the Arduino IDE (1, 2, 4, 8, 16 Channels) ESP8266 NodeMCU Web Server that has the capability of controlling any relay module. We will develop an ESP32/ESP8266 Web Server that is

responsive on mobile devices and that can be accessible from any device in your local network that has a browser installed on it. A relay is a switch that is electrically operated, and just like any other switch, it can be switched on or off to either allow electricity to pass through it or prevent it from doing so. It is possible to control it with low voltages, such as the 3.3V that is supplied by the ESP GPIOs, and it also gives us the ability to manage high voltages, such as 12V, 24V, or the mains voltage (230V in Europe and 120V in the US). There is a variety of relay hardware available, each with its own distinct number of channels. There are relay modules available with a single channel, two channels, four channels, eight channels, and even sixteen channels. The number of outputs you can control is directly proportional to the number of channels available. Control Relay Modules with Multiple Channels using an ESP32/ESP8266 Web Server You can control an unlimited number of relays via web server with the help of this code for the web server, regardless of whether the relays are set up to be generally opened or normally closed. To determine the number of relays

you wish to manage and the assignment of their pins, all that is required is a simple update to a few lines of code. Wiring a Relay Module to an ESP Board The goal of this example requires us to operate five different relay channels. Following the instructions provided in the following set of schematic diagrams, connect the ESP boards to the relay module. Caution: the majority of relay projects involve working with mains voltage. Inappropriate use may result in severe harm. In the event that you are not familiar with mains voltage, you should seek the assistance of someone who is. Make sure that everything is removed from mains voltage before you

begin programming the ESP or wiring your circuit. You also have the option of controlling 12V appliances with a power source that operates at 12V.

02

Demonstration

Project build note

After you have finished making the required adjustments, you will need to upload the code to your ESP. Launch the Serial Monitor at a baud rate of 115200, and after that, click the ESP RST button to obtain the device's IP address (make sure that you circuit is unplugged from mains voltage). To gain access to the web server, launch a web browser on your local network, and type the ESP IP address into the address bar. You should end up with something that looks like this, complete with the same number of

buttons regardless of how many relays you define in your code. You may now use your smartphone to control your relays remotely by pressing the buttons. Enclosure for the Purpose of Safety For your final project, enclose the relay module and ESP inside an enclosure to prevent AC pins from being exposed. Applications for the ESP8266 Intelligent security equipment, such as surveillance cameras and smart locks. Energy-efficient home appliances, such as air conditioners and heaters. Intelligent industrial devices, such as Programmable Logic Controllers (PLCs), among others (PLCs) Among intelligent medical gadgets are wearable health monitors.

Ready to continue?
PROJECT ACHIEVED

You built Web Server for ESP32/ESP8266 Relay Modules Built with the Arduino IDE (1, 2, 4, 8, 16 Channels).

You followed the full workflow from understanding the mission to testing the finished project. That is a real engineering achievement - well done.

DHT Temperature and Humidity Readings Displayed on the on- board ESP8266's OLED Display project thumbnail featuring inches of OLED screen real estate, ESP32 or ESP8266; both are available (read ESP32 vs ESP8266), Temperature and humidity sensors of the DHT22 or DHT11 kind
NEXT IOT ADVENTURE

DHT Temperature and Humidity Readings Displayed on the on- board ESP8266's OLED Display

Ready to reuse what you learned in another project from the same track?

Start this project
Browse all 500 projects