Published December 1, 2023

ESP-32 Home Automation with web server

In this article we will learn how to make ESP-32 Home Automation with web server.

ExpertFull instructions provided10 hours930

Things used in this project

Hardware components

Espressif ESP32

ControlEverything.com 4-CHANNEL RELAY CONTROLLER FOR I2C

Thermopile IR Sensor, TS318-1B0814

Capacitor 100 µF

Linear Regulator (7805)

1N4007 – High Voltage, High Current Rated Diode

Resistor 1k ohm

LED (generic)

SparkFun Pushbutton switch 12mm

Jumper wires (generic)

Software apps and online services

Arduino IDE

Hand tools and fabrication machines

Soldering iron (generic)

Solder Wire, Lead Free

PCB Holder, Soldering Iron

Wire Stripper & Cutter, 32-20 AWG / 0.05-0.5mm² Solid & Stranded Wires

Story

ESP-32 Home Automation with Firebase

In this article we will learn how to make ESP-32 Home Automation with Fire base.

In the last post we will learn how to make Controlling of Servo motor with Arduino and MPU 6050. You can visit our website, I hope you appreciate my work, let’s discuss about today’s project.

ESP32 home automation with web server

Table of Content:

1. Components 2. About main components 3. Amazon Links 4. How ESP-32 works 5. Circuit Connection 6. Applications 7. Programming Code

Components:

1. ESP-32

2. 4 Relay module

3. IR sensor

4. Capacitor (100 uF)

5. Regulator (7805)

6. Diod (4007)

7. Resistor (1k)

8. LED

9. Push button

10. Jumper wires

Let’s discuss about the main components for how/know.

ESP32 Home Automation

Ø ESP-32

The ESP32 is a powerful microcontroller and system-on-chip (SoC) that's widely used in various IoT (Internet of Things) applications. It's developed by Expressive Systems, featuring both Wi-Fi and Bluetooth connectivity along with a dual-core processor.

Ø 4 Relay module

A 4 relay module typically refers to a board with four individual relay switches integrated onto it. Relays are electrically operated switches that are controlled by an external signal. Each relay on the module can be independently controlled, allowing you to switch different circuits on and off using a microcontroller or another control system.

Ø IR sensor

Infrared (IR) sensors are devices that detect and measure infrared radiation in their surroundings. They work by either emitting infrared radiation or detecting the reflection (active sensors) or by detecting the radiation emitted by objects (passive sensors).

I hope you understand these main components and also hope that you viewers know about other components.

Now let’s discuss about our next heading:

How ESP-32 works?

The ESP32 is a powerful microcontroller that integrates Wi-Fi and Bluetooth capabilities.

Here's a simplified breakdown of how it works:

Microcontroller:

At its core, the ESP32 contains a Tensilica Xtensa LX6 microcontroller. This microcontroller is responsible for executing the code you write to control various functions.

Processor and Memory:

The ESP32 operates at clock speeds of up to 240 MHz and includes various memory options for program storage and data handling.

Wi-Fi and Bluetooth Connectivity:

The ESP32 has built-in Wi-Fi and Bluetooth connectivity. It supports different Wi-Fi modes (like station mode, access point mode, or both simultaneously) and various Bluetooth protocols. These capabilities allow it to connect to networks, devices, and the internet.

Peripheral Interfaces:

The ESP32 features a variety of interfaces like GPIO (General Purpose Input/output) pins, UART (Universal Asynchronous Receiver-Transmitter), SPI (Serial Peripheral Interface), I2C (Inter-Integrated Circuit), ADC (Analog-to-Digital Converter), DAC (Digital-to-Analog Converter), etc. These interfaces enable communication with other devices and sensors.

Power Management:

The ESP32 includes power-saving features to optimize energy consumption, making it suitable for battery-powered applications.

Circuit Connection:

· Connect GND pin of EESP-32 module with GND pin of Arduino through –ve side of LED and GND terminal of Regulator (7805) and then connect them with –ve terminal of power supply

· Connect +ve terminal of power supply plug with one terminal of Regulator (7805)

· Connect Last terminal of Regulator (7805) with one side of Resistor

· Connect 2nd side of Resistor with +ve terminal of LED

· Connect 5V pin of ESP-32 module with VCC pin of Arduino through the junction of +ve terminals of Regulator and Resistor

· Connect IN1 pin of Arduino with pin 16 of ESP-32 module

· Connect IN2 pin of Arduino with pin 17 of ESP-32 module

· Connect IN3 pin of Arduino with pin 4 of ESP-32 module

· Connect IN4 pin of Arduino with pin 5 of ESP-32 module

Connection Circuit diagram

Applications…

The ESP-32 microcontroller, combined with Firebase, opens up a world of possibilities for home automation.

Here are some applications:

Smart Lighting:

Control lights remotely using Firebase. You can adjust brightness, color, and even set schedules for different lighting moods.

Temperature and Humidity Monitoring:

Use ESP-32 sensors to collect data on temperature and humidity in different rooms. Firebase can store this data for analysis or trigger actions based on specific thresholds.

Security Systems:

Integrate sensors (like motion detectors or door sensors) with the ESP-32. Firebase can store security logs and send alerts to your device in case of any unusual activity.

Smart Irrigation:

Automate watering systems in your garden by using ESP-32 connected to Firebase. Monitor soil moisture levels and activate irrigation when necessary.

Appliance Control:

Control appliances such as heaters, fans, or air conditioners remotely. Firebase can manage their schedules or respond to changes in environmental conditions.

Programming Code…

Code

ESP32 home automation with web server

// Import required libraries
#include "WiFi.h"
#include "ESPAsyncWebServer.h"
#include <Adafruit_Sensor.h>
#include <DHT.h>

// Replace with your network credentials
const char* ssid = "Microsolutions";
const char* password = "@1yahoo.com";

#define DHTPIN 26     // Digital pin connected to the DHT sensor

// Uncomment the type of sensor in use:
#define DHTTYPE    DHT11     // DHT 11
//#define DHTTYPE    DHT22     // DHT 22 (AM2302)
//#define DHTTYPE    DHT21     // DHT 21 (AM2301)

DHT dht(DHTPIN, DHTTYPE);

// Create AsyncWebServer object on port 80
AsyncWebServer server(80);

String readDHTTemperature() {
  // Sensor readings may also be up to 2 seconds 'old' (its a very slow sensor)
  // Read temperature as Celsius (the default)
  //float t = dht.readTemperature();
  // Read temperature as Fahrenheit (isFahrenheit = true)
  float t = dht.readTemperature(true);
  // Check if any reads failed and exit early (to try again).
  if (isnan(t)) {    
    Serial.println("Failed to read from DHT sensor!");
    return "--";
  }
  else {
    Serial.println(t);
    return String(t);
  }
}

String readDHTHumidity() {
  // Sensor readings may also be up to 2 seconds 'old' (its a very slow sensor)
  float h = dht.readHumidity();
  if (isnan(h)) {
    Serial.println("Failed to read from DHT sensor!");
    return "--";
  }
  else {
    Serial.println(h);
    return String(h);
  }
}

const char index_html[] PROGMEM = R"rawliteral(
<!DOCTYPE HTML><html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
  <style>
    html {
     font-family: Arial;
     display: inline-block;
     margin: 0px auto;
     text-align: center;
    }
    h2 { font-size: 3.0rem; }
    p { font-size: 3.0rem; }
    .units { font-size: 1.2rem; }
    .dht-labels{
      font-size: 1.5rem;
      vertical-align:middle;
      padding-bottom: 15px;
    }
  </style>
</head>
<body>
  <h2>ESP32 DHT Server</h2>
  <p>
    <i class="fas fa-thermometer-half" style="color:#059e8a;"></i> 
    <span class="dht-labels">Temperature</span> 
    <span id="temperature">%TEMPERATURE%</span>
    <sup class="units">&deg;C</sup>
  </p>
  <p>
    <i class="fas fa-tint" style="color:#00add6;"></i> 
    <span class="dht-labels">Humidity</span>
    <span id="humidity">%HUMIDITY%</span>
    <sup class="units">&percnt;</sup>
  </p>
</body>
<script>
setInterval(function ( ) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("temperature").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "/temperature", true);
  xhttp.send();
}, 10000 ) ;

setInterval(function ( ) {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("humidity").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "/humidity", true);
  xhttp.send();
}, 10000 ) ;
</script>
</html>)rawliteral";

// Replaces placeholder with DHT values
String processor(const String& var){
  //Serial.println(var);
  if(var == "TEMPERATURE"){
    return readDHTTemperature();
  }
  else if(var == "HUMIDITY"){
    return readDHTHumidity();
  }
  return String();
}

void setup(){
  // Serial port for debugging purposes
  Serial.begin(115200);

  dht.begin();
  
  // Connect to Wi-Fi
  WiFi.begin(ssid, password);
  while (WiFi.status() != WL_CONNECTED) {
    delay(1000);
    Serial.println("Connecting to WiFi..");
  }

  // Print ESP32 Local IP Address
  Serial.println(WiFi.localIP());

  // Route for root / web page
  server.on("/", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send_P(200, "text/html", index_html, processor);
  });
  server.on("/temperature", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send_P(200, "text/plain", readDHTTemperature().c_str());
  });
  server.on("/humidity", HTTP_GET, [](AsyncWebServerRequest *request){
    request->send_P(200, "text/plain", readDHTHumidity().c_str());
  });

  // Start server
  server.begin();
}
 
void loop(){
  
}

Credits

JACK

21 projects • 2 followers