ESP32 Web Server Home Automation (No App Required)

Home automation does not always require an expensive smart-home hub or a dedicated mobile application. With an ESP32 development board, a relay module, Wi-Fi, and a web browser, you can build a practical home automation system that allows you to control electrical appliances directly from your smartphone, tablet, or computer.

In this project, the ESP32 works as a small Wi-Fi web server. When your phone or computer connects to the same network, you can open a webpage hosted by the ESP32 and control connected appliances using simple ON/OFF buttons.

The biggest advantage is that no Android or iOS app is required.

This makes the project useful for students, electronics hobbyists, DIY makers, Arduino developers, IoT learners, and anyone interested in building an affordable smart-home system.

Safety warning: This project can involve mains electricity. AC voltage can cause serious injury, fire, or death. If you are not experienced with mains wiring, do not connect household AC appliances yourself. Use a qualified electrician, an enclosed certified relay module, proper fusing, insulation, earthing, and an appropriate enclosure.

Want to explore more ESP32-based projects? Check out our ESP32 IoT project ideas for 2026 to discover other practical IoT projects you can build.

What Is ESP32 Web Server Home Automation?

An ESP32 web server home automation system uses the ESP32’s built-in Wi-Fi capability to create a webpage that can control electronic outputs.

The basic operating principle is:

Smartphone/Computer → Wi-Fi Router → ESP32 Web Server → Relay Module → Electrical Appliance

For example, you could create a webpage with buttons such as:

• Light 1 ON/OFF
• Light 2 ON/OFF
• Fan ON/OFF
• Socket ON/OFF
• Outdoor Light ON/OFF
• Pump ON/OFF

When you press a button, the browser sends a request to the ESP32. The ESP32 processes the request and changes the appropriate GPIO output. The relay then switches the connected load.

The ESP32 can also display the current status of each output on the webpage.

Why Use ESP32 for Home Automation?

The ESP32 is particularly suitable for DIY home automation because it combines a microcontroller with built-in wireless connectivity.

Main advantages

1. Built-in Wi-Fi

Unlike many basic Arduino boards, the ESP32 can connect directly to a Wi-Fi network without requiring a separate Wi-Fi module.

2. No dedicated mobile application

The control interface is a normal webpage. You can access it through Chrome, Edge, Firefox, Safari, or another modern browser.

3. Low-cost hardware

An ESP32 board and a suitable relay module are inexpensive compared with many commercial smart-home systems.

4. Easy customization

You can modify the webpage, buttons, colors, labels, GPIO pins, and automation logic according to your requirements.

5. Local control

The system can operate within your local network without depending on an external cloud service.

6. Suitable for learning IoT

The project introduces important concepts such as:

• Wi-Fi networking
• HTTP requests
• Web servers
• GPIO control
• Relays
• Embedded programming
• IoT architecture
• Home automation

Components Required

For a basic four-channel home automation project, you can use the following components.

For a beginner project, start by controlling low-voltage DC loads such as LEDs or small DC lamps. Move to mains-powered appliances only after understanding electrical safety.

How the System Works

The project can be divided into four main sections.

1. ESP32

The ESP32 runs the program and hosts the control webpage.

2. Wi-Fi Network

The ESP32 connects to your home Wi-Fi router. Your phone and computer can connect to the same network.

3. Web Interface

The ESP32 serves an HTML webpage containing buttons for each appliance.

4. Relay Module

The ESP32 controls the relay inputs through GPIO pins. The relay electrically switches the connected load.

The complete flow looks like this:

             Smartphone
                  |
                  | Wi-Fi
                  |
            Wi-Fi Router
                  |
                  | Wi-Fi
                  |
              ESP32
           Web Server
          /     |      \
         /      |       \
     GPIO  GPIO  GPIO   GPIO
       |     |     |      |
     Relay Relay Relay  Relay
       |     |     |      |
    Light   Fan  Socket  Pump

ESP32 Home Automation Without an App

One of the most useful features of this project is that you do not need to develop a separate mobile application.

Instead, the ESP32 hosts a webpage.

For example, suppose the ESP32 receives the local IP address:

192.168.1.50

You can enter that address into your phone’s browser:

http://192.168.1.50

The ESP32 responds by sending an HTML page to the browser.

The page could contain:

ESP32 HOME AUTOMATION

Living Room Light
[ ON ] [ OFF ]

Bedroom Light
[ ON ] [ OFF ]

Fan
[ ON ] [ OFF ]

Socket
[ ON ] [ OFF ]

When you press ON, the browser sends an HTTP request to the ESP32.

For example:

http://192.168.1.50/light1/on

The ESP32 receives the request and changes the corresponding GPIO.

Circuit Concept

The low-voltage side of the system generally contains:

• ESP32
• Relay module
• Power supply
• Ground connection
• GPIO control wires

A typical arrangement is:

ESP32 GPIO 23  → Relay IN1
ESP32 GPIO 22  → Relay IN2
ESP32 GPIO 21  → Relay IN3
ESP32 GPIO 19  → Relay IN4

ESP32 GND      → Relay GND
5V Supply      → Relay VCC

Important: GPIO assignments are examples only. Your relay module and ESP32 board may have different requirements. Always check the documentation for your specific hardware.

Choosing the Correct Relay Module

Relay modules are available in different configurations.

Common options include:

• 1-channel relay
• 2-channel relay
• 4-channel relay
• 8-channel relay
• 16-channel relay

For a small home automation project, a 4-channel relay module is a convenient choice.

Before purchasing a relay module, check:

Relay voltage

Make sure the module is compatible with your power supply.

Trigger logic

Some relay boards are active LOW, while others are active HIGH.

With an active-LOW relay, the relay may turn ON when the GPIO is LOW.

This is an important detail because incorrect initialization can cause appliances to switch unexpectedly during ESP32 startup.

Current and voltage rating

The relay’s rating must be suitable for the intended load. Never assume that a relay marked with a maximum rating is automatically suitable for every type of appliance.

Motors, pumps, compressors, and other inductive loads can have significant startup currents.

Installing the ESP32 Development Environment

You can program the ESP32 using the Arduino IDE.

The general process is:

1. Install Arduino IDE.
2. Add ESP32 board support.
3. Connect the ESP32 to your computer using USB.
4. Select the appropriate ESP32 board.
5. Select the correct COM/serial port.
6. Upload the program.
7. Open Serial Monitor to view connection information.

After the ESP32 successfully connects to Wi-Fi, the Serial Monitor can display its IP address.

For example:

Connecting to WiFi...
..........
WiFi connected!
ESP32 IP Address: 192.168.1.50
Web server started.

You can then open the displayed IP address in your browser.

Basic ESP32 Web Server Code

The following example demonstrates the basic concept of controlling a four-channel relay through a browser.

Use this example for learning and testing. Do not connect mains voltage while experimenting on a breadboard.

#include <WiFi.h>
#include <WebServer.h>

const char* ssid = "YOUR_WIFI_NAME";
const char* password = "YOUR_WIFI_PASSWORD";

WebServer server(80);

const int RELAY1 = 23;
const int RELAY2 = 22;
const int RELAY3 = 21;
const int RELAY4 = 19;

// Change these if your relay module is active HIGH.
const int RELAY_ON = LOW;
const int RELAY_OFF = HIGH;

bool relay1State = false;
bool relay2State = false;
bool relay3State = false;
bool relay4State = false;

String makePage() {

  String page = R"rawliteral(
<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>ESP32 Home Automation</title>

  <style>
    body {
      font-family: Arial, sans-serif;
      text-align: center;
      background: #f2f2f2;
      margin: 0;
      padding: 20px;
    }

    h1 {
      margin-bottom: 25px;
    }

    .device {
      background: white;
      max-width: 450px;
      margin: 15px auto;
      padding: 20px;
      border-radius: 12px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.12);
    }

    .button {
      display: inline-block;
      padding: 12px 22px;
      margin: 5px;
      text-decoration: none;
      color: white;
      border-radius: 8px;
      font-weight: bold;
    }

    .on {
      background: #28a745;
    }

    .off {
      background: #dc3545;
    }
  </style>
</head>

<body>

<h1>ESP32 Home Automation</h1>

<div class="device">
  <h2>Light 1</h2>
  <a class="button on" href="/relay1/on">ON</a>
  <a class="button off" href="/relay1/off">OFF</a>
</div>

<div class="device">
  <h2>Light 2</h2>
  <a class="button on" href="/relay2/on">ON</a>
  <a class="button off" href="/relay2/off">OFF</a>
</div>

<div class="device">
  <h2>Fan</h2>
  <a class="button on" href="/relay3/on">ON</a>
  <a class="button off" href="/relay3/off">OFF</a>
</div>

<div class="device">
  <h2>Socket</h2>
  <a class="button on" href="/relay4/on">ON</a>
  <a class="button off" href="/relay4/off">OFF</a>
</div>

</body>
</html>
)rawliteral";

  return page;
}

void handleRoot() {
  server.send(200, "text/html", makePage());
}

void setRelay(int pin, bool state) {
  digitalWrite(pin, state ? RELAY_ON : RELAY_OFF);
}

void setup() {

  Serial.begin(115200);

  pinMode(RELAY1, OUTPUT);
  pinMode(RELAY2, OUTPUT);
  pinMode(RELAY3, OUTPUT);
  pinMode(RELAY4, OUTPUT);

  // Start with all relays OFF.
  setRelay(RELAY1, false);
  setRelay(RELAY2, false);
  setRelay(RELAY3, false);
  setRelay(RELAY4, false);

  WiFi.begin(ssid, password);

  Serial.print("Connecting to WiFi");

  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }

  Serial.println();
  Serial.println("WiFi connected!");
  Serial.print("ESP32 IP Address: ");
  Serial.println(WiFi.localIP());

  server.on("/", handleRoot);

  server.on("/relay1/on", []() {
    relay1State = true;
    setRelay(RELAY1, true);
    server.sendHeader("Location", "/");
    server.send(303);
  });

  server.on("/relay1/off", []() {
    relay1State = false;
    setRelay(RELAY1, false);
    server.sendHeader("Location", "/");
    server.send(303);
  });

  server.on("/relay2/on", []() {
    relay2State = true;
    setRelay(RELAY2, true);
    server.sendHeader("Location", "/");
    server.send(303);
  });

  server.on("/relay2/off", []() {
    relay2State = false;
    setRelay(RELAY2, false);
    server.sendHeader("Location", "/");
    server.send(303);
  });

  server.on("/relay3/on", []() {
    relay3State = true;
    setRelay(RELAY3, true);
    server.sendHeader("Location", "/");
    server.send(303);
  });

  server.on("/relay3/off", []() {
    relay3State = false;
    setRelay(RELAY3, false);
    server.sendHeader("Location", "/");
    server.send(303);
  });

  server.on("/relay4/on", []() {
    relay4State = true;
    setRelay(RELAY4, true);
    server.sendHeader("Location", "/");
    server.send(303);
  });

  server.on("/relay4/off", []() {
    relay4State = false;
    setRelay(RELAY4, false);
    server.sendHeader("Location", "/");
    server.send(303);
  });

  server.begin();

  Serial.println("Web server started!");
}

void loop() {
  server.handleClient();
}

How to Upload the Code

Before uploading, replace:

const char* ssid = "YOUR_WIFI_NAME";
const char* password = "YOUR_WIFI_PASSWORD";

with your actual Wi-Fi network credentials.

For example:

const char* ssid = "MyHomeWiFi";
const char* password = "MyStrongPassword";

Then:

1. Connect the ESP32 to your computer.
2. Open the Arduino IDE.
3. Select your ESP32 board.
4. Select the correct serial port.
5. Compile the program.
6. Upload it.
7. Open Serial Monitor.
8. Set the baud rate to 115200.
9. Wait for the ESP32 to connect.
10. Note the IP address shown by the ESP32.

For example:

ESP32 IP Address: 192.168.1.50

Now connect your smartphone to the same Wi-Fi network and enter:

http://192.168.1.50

The home automation webpage should appear.

How to Control Appliances From Your Phone

Once the web server is running, no special app is necessary.

Step 1: Connect ESP32 to Wi-Fi

The ESP32 connects to your router.

Step 2: Connect your phone to the same Wi-Fi

Your phone needs to be able to communicate with the ESP32.

Step 3: Find the ESP32 IP address

Check the Arduino Serial Monitor.

Step 4: Open a browser

Use Chrome, Safari, Firefox, or another browser.

Step 5: Enter the ESP32 IP address

For example:

http://192.168.1.50

Step 6: Control your devices

Press the appropriate ON or OFF button.

Can ESP32 Home Automation Work Without a Wi-Fi Router?

Yes.

The ESP32 can also be configured as a Wi-Fi Access Point (AP).

In this mode, the ESP32 creates its own Wi-Fi network.

For example:

ESP32_Home

Your phone connects directly to the ESP32’s Wi-Fi network, and you open the ESP32’s local webpage.

The architecture becomes:

Phone
  |
  | Wi-Fi
  |
ESP32 Access Point
  |
Relay Module
  |
Appliances

This approach can be useful when you want a standalone local control system.

However, it means your phone may need to disconnect from your normal home Wi-Fi while controlling the ESP32.

Local Wi-Fi vs Internet Control

A common question is whether an ESP32 web server can control appliances from anywhere in the world.

There are two fundamentally different approaches.

Local Control

Phone → Home Router → ESP32

Advantages:

• Fast response
• No cloud server required
• Works without internet
• Better local privacy
• Simple architecture

Disadvantage:

• Normally limited to the local network

Remote Internet Control

Phone → Internet → Secure Server/Cloud → ESP32

Advantages:

• Can potentially control devices remotely
• Useful for advanced IoT systems

Disadvantages:

• More complicated
• Requires stronger security
• Usually requires a cloud service or secure remote-access architecture
• Exposing an ESP32 directly to the public internet is not recommended

For a beginner project, local web control is the safer and simpler starting point.

Do Not Directly Expose the ESP32 Web Server to the Internet

This is an important security consideration.

A basic ESP32 web server may not provide the authentication, encryption, access control, logging, and update mechanisms expected of an internet-facing service.

Avoid simply forwarding an external router port to the ESP32.

Instead, advanced users should consider secure architectures such as:

• VPN access
• Authenticated IoT platforms
• Secure MQTT infrastructure
• Reverse proxy with appropriate security
• Proper cloud IoT services
• Network segmentation

For normal home use, keeping the ESP32 accessible only on your trusted local network is considerably simpler.

Improving the Web Interface

The basic webpage can be upgraded significantly.

You can add:

• Device status indicators
• Responsive mobile design
• Icons
• Dark mode
• Real-time status updates
• Temperature display
• Humidity display
• Energy monitoring
• Timers
• Schedules
• Password authentication
• Automatic page refresh
• JavaScript controls
• AJAX/fetch requests

A more advanced dashboard might look like:

----------------------------------
       ESP32 SMART HOME
----------------------------------

Living Room Light
Status: ● ON
[ Turn OFF ]

Bedroom Light
Status: ● OFF
[ Turn ON ]

Fan
Status: ● ON
Speed: 2

Temperature: 28.4°C
Humidity: 64%
----------------------------------

This turns the ESP32 into a much more useful local smart-home controller.

Adding Temperature and Humidity Monitoring

The ESP32 can also read sensors.

Popular options include:

• DHT11
• DHT22
• BME280
• DS18B20

For example, you could create a dashboard showing:

Temperature: 27.8°C
Humidity: 62%

Then automation rules can be added.

For example:

IF temperature > 30°C
THEN turn fan ON

Or:

IF temperature < 25°C
THEN turn fan OFF

This changes the system from simple remote control into an automated environment-control system.

Adding Automatic Timers

Another useful feature is scheduling.

For example:

Living Room Light
ON: 18:30
OFF: 23:00

The ESP32 can use a real-time clock or obtain time from an NTP server when connected to the internet.

Possible automation examples include:

• Turn garden lights on at sunset.
• Turn bedroom lights off at a specific time.
• Run a water pump for a predefined period.
• Turn ventilation on when temperature increases.
• Turn appliances off automatically after a specified duration.

Using ESP32 With Physical Switches

A good home automation system does not necessarily need to replace existing physical switches.

You can design the system so that an appliance can be controlled through:

Physical Switch
       |
       +------+
              |
            ESP32
              |
          Relay
              |
          Appliance

The ESP32 can monitor physical inputs and update the web interface accordingly.

This allows users to control the same device from either:

• Physical switch
• Smartphone browser

However, designing safe mains switching circuits requires appropriate electrical knowledge and hardware.

Common Problems and Solutions

ESP32 Does Not Connect to Wi-Fi

Check:

• Wi-Fi SSID
• Password
• Router availability
• Wi-Fi frequency compatibility
• Signal strength
• ESP32 power supply

Many ESP32 boards are primarily intended for 2.4 GHz Wi-Fi, so verify your router configuration if connection problems occur.

IP Address Changes

A common problem is that the router may assign the ESP32 a different IP address after reconnecting.

For example:

Today:

192.168.1.50

Later:

192.168.1.67

You can solve this by configuring a DHCP reservation on your router or by using a properly configured static IP.

A DHCP reservation is often preferable because the router continues managing the address while consistently assigning the same address to the ESP32.

Relay Turns ON During Startup

This can happen because GPIO pins can briefly change state during ESP32 boot.

Possible improvements include:

• Selecting appropriate GPIO pins
• Using suitable pull-up/pull-down resistors
• Choosing a relay module compatible with your design
• Initializing outputs carefully
• Using hardware designed for safe startup behavior

For safety-critical loads, do not depend solely on software to prevent unwanted switching.

Relay Does Not Activate

Check:

1. Relay supply voltage.
2. Ground connection.
3. GPIO number.
4. Active-HIGH/active-LOW configuration.
5. Relay module compatibility.
6. Power supply current capability.

Some relay modules require more current than a GPIO pin can safely provide, so the relay module should be designed to interface correctly with the ESP32.

Webpage Does Not Open

First check that:

• ESP32 is powered.
• ESP32 successfully connected to Wi-Fi.
• Your phone is on the same network.
• The IP address is correct.
• The web server started successfully.
• Your network does not isolate wireless clients from each other.

You can also test the ESP32 from another computer connected to the same network.

Important ESP32 GPIO Considerations

Not every ESP32 GPIO is equally convenient for every application.

Some GPIOs have boot-related functions or special behavior, and different ESP32 board variants can expose different pins.

Therefore:

Do not blindly copy GPIO numbers from another project.

Check the documentation for your specific ESP32 board.

Before connecting a relay, verify:

• GPIO availability
• Boot behavior
• Voltage levels
• Peripheral conflicts
• Input/output limitations

This is particularly important when designing a permanent installation.

Making the System More Reliable

For a temporary experiment, jumper wires and a breadboard may be sufficient.

For a permanent home automation installation, consider:

Proper enclosure

Place the ESP32 and low-voltage electronics inside a suitable enclosure.

Separate low-voltage and mains sections

Do not allow exposed mains wiring to come into contact with low-voltage electronics.

Proper connectors

Use suitable terminals and connectors rather than loose wires.

Electrical protection

Use appropriate circuit protection according to the installation and load.

Power supply quality

Use a reliable, appropriately rated power supply.

Strain relief

Prevent wires from being pulled directly against electrical terminals.

Ventilation

Ensure components that generate heat have appropriate thermal conditions.

ESP32 Home Automation Project Ideas

Once the basic web server is working, you can expand the project into many different systems.

1. Smart Lighting

Control multiple lights from a smartphone.

2. Smart Fan Controller

Control a fan using a relay and optionally automate it according to temperature.

3. Garden Irrigation

Use a moisture sensor and relay-controlled pump.

4. Smart Doorbell

Add a button, buzzer, camera module, or notification system.

5. Garage Automation

Control lighting or other suitable equipment through a local dashboard.

6. Energy Monitoring

Add current and voltage sensors to measure electrical consumption.

7. Temperature-Based Automation

Automatically activate cooling or ventilation based on sensor readings.

8. Multi-Room Control

Use multiple ESP32 devices connected to a central interface.

ESP32 Home Automation: Advantages and Disadvantages

Frequently Asked Questions

Can I control ESP32 home automation from my phone?

Yes. If your phone and ESP32 are connected to the same local network, you can open the ESP32’s IP address in a web browser and control the connected outputs.

Do I need an Android application?

No. A web browser is enough for basic local control.

Can iPhone users control the ESP32?

Yes. Any device with a compatible web browser can access the ESP32 webpage when it can reach the ESP32 over the network.

Does ESP32 require the internet?

No. For local web-server control, an internet connection is not required. The ESP32 and controlling device only need a suitable local network connection.

Can ESP32 create its own Wi-Fi network?

Yes. ESP32 supports Wi-Fi Access Point mode, allowing devices to connect directly to the ESP32.

Can I control four appliances with one ESP32?

Yes. A multi-channel relay module can provide multiple independently controlled outputs, subject to the ESP32 GPIO and relay hardware design.

Can I control appliances from outside my home?

It is possible with an appropriately designed remote-access architecture, but directly exposing a basic ESP32 web server to the public internet is not recommended. Use a secure VPN or properly designed IoT/cloud architecture instead.

Can I add sensors?

Yes. Sensors such as temperature, humidity, motion, light, soil moisture, and pressure sensors can be integrated depending on the application.

Can the ESP32 work with Google Home or Alexa?

It can be integrated into larger smart-home ecosystems, but that requires additional software, protocols, services, or platforms. The basic local web-server project does not require those services.

Troubleshooting Checklist

If your ESP32 home automation system is not working, check the following in order:

ESP32

• Is the board powered?
• Is the USB cable working?
• Does the program upload successfully?
• Is the correct board selected?

Wi-Fi

• Is the SSID correct?
• Is the password correct?
• Is the ESP32 connected?
• What IP address did it receive?

Web Server

• Does the IP address open in the browser?
• Is the phone on the same network?
• Is the server running?
• Are the URL routes correct?

Relay

• Is the relay module powered correctly?
• Is the GPIO correct?
• Is the relay active LOW or active HIGH?
• Is the module compatible with the ESP32?

Appliance

• Is the load appropriate for the relay?
• Is the electrical installation safe?
• Is appropriate protection installed?

Best Practices for a Real Home Automation Installation

If you want to turn this DIY project into a permanent system, consider the following:

1. Keep the ESP32 firmware organized and documented.
2. Use a stable power supply.
3. Avoid exposing the ESP32 directly to the public internet.
4. Use authentication for sensitive controls.
5. Keep the Wi-Fi network secured.
6. Separate IoT devices from important computers where practical.
7. Use proper electrical enclosures.
8. Follow local electrical regulations.
9. Have qualified personnel handle mains wiring.
10. Design fail-safe behavior for important loads.
11. Consider what should happen after a power failure.
12. Test relay startup behavior before connecting real appliances.

Why This Project Is Useful for Students and DIY Makers

The ESP32 Web Server Home Automation project is more than a simple relay-control experiment.

It combines several important technologies:

Embedded systems + Wi-Fi + Web development + Electronics + IoT + Automation

A beginner can start with:

ESP32
   ↓
Wi-Fi
   ↓
Webpage
   ↓
LED

Then progress to:

ESP32
   ↓
Wi-Fi
   ↓
Web Dashboard
   ↓
Relay
   ↓
Low-Voltage Load

And eventually develop:

Sensors
   ↓
ESP32
   ↓
Local/Cloud IoT Platform
   ↓
Automation Rules
   ↓
Multiple Devices

This makes the project a useful foundation for learning practical IoT development.

Conclusion

An ESP32 web server home automation system without an app is an affordable and flexible way to learn how Wi-Fi, web technology, microcontrollers, and electrical control can work together.

The ESP32 provides the processing and Wi-Fi connectivity, while a relay module allows suitable electrical loads to be switched. Because the control interface is hosted as a webpage, users can operate the system from a smartphone, tablet, or computer without installing a dedicated application.

The basic project can be expanded with temperature sensors, motion detection, timers, scheduling, energy monitoring, automatic rules, and multiple ESP32 devices.

For beginners, the recommended approach is to start with LEDs or low-voltage DC loads, verify the software and web interface, and only then move toward properly designed electrical installations.

If you are building a permanent home automation system, remember that electrical safety and network security are just as important as the programming.

Disclaimer: This tutorial is intended for educational and DIY electronics purposes. Working with mains electricity is hazardous. Do not work on live circuits and consult a qualified electrician for household electrical installation or modification.