ESP32 control AC bulb or load using Relay over WiFi

Looking for a hands-on guide on how to control AC bulbs or loads wirelessly using the ESP32 microcontroller and a relay? Look no further! Our comprehensive tutorial covers all the steps you need to take to get your project up and running, from setting up your hardware to coding your ESP32 for WiFi control. Whether you're a beginner or an experienced developer, our easy-to-follow instructions and helpful tips make this a must-read for anyone interested in home automation or IoT projects. Start exploring the possibilities of wireless control today with our ESP32 project guide.

1. Circuit diagram

***IF THIS IS YOUR FIRST TIME UPDATING CODE TO SP32, OR IF YOU HAVE OTHER PROBLEMS WITH DRIVER SETUP, CLICK THIS LINK(click here)

More details in video

2. Project code

#include <WiFi.h>
const char* ssid     = "sr&ex";
const char* password = "12345678";
WiFiServer server(80);

void setup()
{   pinMode(23, OUTPUT);
    pinMode(22, OUTPUT);
    Serial.begin(115200);
    pinMode(2, OUTPUT);     
    delay(10);
    // We start by connecting to a WiFi network
     Serial.println();
    Serial.println();
    Serial.print("Connecting to ");
    Serial.println(ssid);

WiFi.begin(ssid, password);
        while (WiFi.status() != WL_CONNECTED) {
        delay(500);
        Serial.print(".");
    }
    Serial.println("");
    Serial.println("WiFi connected.");
    Serial.println("IP address: ");
    Serial.println(WiFi.localIP());
    server.begin();}
     int value = 0;

void loop(){
 WiFiClient client = server.available();   // listen for incoming clients

if (client) {                             // if you get a client,
    Serial.println("New Client.");           // print a message out the serial port
    String currentLine = "";                // make a String to hold incoming data from the client
    while (client.connected()) {            // loop while the client's connected
      if (client.available()) {             // if there's bytes to read from the client,
        char c = client.read();             // read a byte, then
        Serial.write(c);                    // print it out the serial monitor
        if (c == '\n') {                    // if the byte is a newline character

// if the current line is blank, you got two newline characters in a row.
          // that's the end of the client HTTP request, so send a response:
         if (currentLine.length() == 0) {
            // HTTP headers always start with a response code (e.g. HTTP/1.1 200 OK)
            // and a content-type so the client knows what's coming, then a blank line:
            client.println("HTTP/1.1 200 OK");
            client.println("Content-type:text/html");
            client.println();
           // Display the HTML web page
            client.println("<!DOCTYPE html><html>");
            client.println("<head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">");
            client.println("<link rel=\"icon\" href=\"data:,\">");
            // CSS to style the on/off buttons 
            // Feel free to change the background-color and font-size attributes to fit your preferences
            client.println("<style>html { font-family: Helvetica; display: inline-block; margin: 0px auto; text-align: center;}");
            client.println(".button { background-color: #df1111; border: none; color: white; padding: 16px 48px;");
            client.println("text-decoration: none; font-size: 30px; margin: 2px; cursor: pointer;}");
            client.println(".button2 { background-color: #4CAF50; border: none; color: white; padding: 16px 40px;");
            client.println("text-decoration: none; font-size: 30px; margin: 2px; cursor: pointer;}</style></head>");
            client.println("<body><center><h1>Science Research & Engineering experiment</h1></center>");
             client.println("<center><h2>ESP32 Web server LED/Fan controlling</h2></center>" );

client.print("<p><a href=\"/L/on\"><button class=\"button\">Light ON</button></a>");
            client.print("<a href=\"/H/on\"><button class=\"button2\">Light OFF</button></a></p><br><br>");

client.print("<p><a href=\"/N/on\"><button class=\"button\">Fan ON</button></a>");
            client.print("<a href=\"/M/on\"><button class=\"button2\">Fan OFF</button></a></p><br><br>");

// The HTTP response ends with another blank line:
            client.println();
            // break out of the while loop:
            break;
          } else {    // if you got a newline, then clear currentLine:
            currentLine = "";
          }
        } else if (c != '\r') {  // if you got anything else but a carriage return character,
          currentLine += c;      // add it to the end of the currentLine
        }

if (currentLine.endsWith("GET /H")) {
          digitalWrite(22, HIGH);              
        }
        if (currentLine.endsWith("GET /L")) {
          digitalWrite(22, LOW);                
        }

if (currentLine.endsWith("GET /M")) {
          digitalWrite(23, HIGH);               
        }
           if (currentLine.endsWith("GET /N")) {
          digitalWrite(23, LOW);              
        }

}
    }
  
    client.stop();
    Serial.println("Client Disconnected.");
  }
}

Science Research & Engineering experiment

Search This Blog

USB-TTL/USB-STC-ISP driver setup

ESP32 control AC bulb or load using Relay over WiFi

Comments

Post a Comment