ESP32 Project: How to control 2 AC bulb or load over WiFi with 2 Relay

How to control 2 AC bulbs or loada using 2 Relay mobule and ESP32 over WiFi

Using this Arduino code we can control AC load such as AC bulb or fan using ESP32 over WiFi either from Computer or tablet or mobile phone.
HTML page to control 2 AC Loads using ESP8266

Topics and Timing of section of video

00:47 Introduction
02:54 Wiring Explained
05:25 Relay Power rating
08:24 Preparing Arduino IDE for ESP32
10:36 Code Explained
19:56 Desktop Demonstration
21:16 Mobile Phone demonstration
The link to use in the "preferences" of Arduino IDE for ESP32 board https://dl.espressif.com/dl/package_esp32_index.json Watch video for instructions.
Resources for this sketch

Basic code to control direction of rotation of motor with 2 relay


 /*
 * Contol a relay over WiFi using ESP32  to 
 * turn ON or OFF 2 AC bulb or 2 fan or other load using 2 channel relay
 * 
 * Watch Video instrution for this code: https://youtu.be/1zXlV7vmMMg
 * 
 * Full explanation of this code and wiring diagram is available at
 * my Arduino Course at Udemy.com here: http://robojax.com/L/?id=62

 * Written by Ahmad Shamshiri on Feb 23, 2020 at 10:12
 * in Ajax, Ontario, Canada. www.robojax.com
 * 

 * Get this code and other Arduino codes from Robojax.com
Learn Arduino step by step in structured course with all material, wiring diagram and library
all in once place. Purchase My course on Udemy.com http://robojax.com/L/?id=62

If you found this tutorial helpful, please support me so I can continue creating 
content like this. You can support me on Patreon http://robojax.com/L/?id=63

or make donation using PayPal http://robojax.com/L/?id=64

 *  * This code is "AS IS" without warranty or liability. Free to be used as long as you keep this note intact.* 
 * This code has been download from Robojax.com
    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <https://www.gnu.org/licenses/>.

   Copyright (c) 2015, Majenko Technologies
   All rights reserved.

   Redistribution and use in source and binary forms, with or without modification,
   are permitted provided that the following conditions are met:

 * * Redistributions of source code must retain the above copyright notice, this
     list of conditions and the following disclaimer.

 * * Redistributions in binary form must reproduce the above copyright notice, this
     list of conditions and the following disclaimer in the documentation and/or
     other materials provided with the distribution.

 * * Neither the name of Majenko Technologies nor the names of its
     contributors may be used to endorse or promote products derived from
     this software without specific prior written permission.

   THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
   ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
   WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
   DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
   ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
   (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
   LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
   ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
   (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
   SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/



int relay1Pin = 12;//define a pin for relay
int relay2Pin = 14;//define a pin for relay

int relay1State = 1;//initial state . 1 ON, 0 OFF
int relay2State = 1;//initial state . 1 ON, 0 OFF

String button1Title1 ="Light ON";
String button1Title2 ="Light OFF";

String button2Title1 ="Buzzer ON";
String button2Title2 ="Buzzer OFF";



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

const char *ssid = "Robojax";
const char *password = "YouTube2020";

WebServer server(80);

void handleRoot() {
  //Robojax.com ESP32 2 Relay Control
 String HTML ="<!DOCTYPE html>\
  <html>\
  <head>\
  	
<title>Robojax ESP32 2 Relay Control</title>\
  	
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\
  
<style>\
 
html,body{	
width:100%\;
height:100%\;
margin:0}
*{box-sizing:border-box}
.colorAll{
	background-color:#90ee90}
.colorBtn{
	background-color:#add8e6}
.angleButtdon,a{
	font-size:30px\;
border:1px solid #ccc\;
display:table-caption\;
padding:7px 10px\;
text-decoration:none\;
cursor:pointer\;
padding:5px 6px 7px 10px}a{
	display:block}
.btn{
	margin:5px\;
border:none\;
display:inline-block\;
vertical-align:middle\;
text-align:center\;
white-space:nowrap}
";
   
  HTML +="</style>

</head>

<body>
<h1>Robojax ESP32 Relay Control </h1>
";
  
  if(relay1State){
    HTML +="	<div class=\"btn\"><a class=\"angleButton\" style=\"background-color:#f56464\"  href=\"/control?r1=off\">";
    HTML +=button1Title2;  
  }else{
    HTML +="<div class=\"btn\"><a class=\"angleButton \" style=\"background-color:#90ee90\"  href=\"/control?r1=on\">";
    HTML +=button1Title1;      
  }
  HTML +="</a></div>
";
  
  if(relay2State){
    HTML +="<div class=\"btn\"><a class=\"angleButton\" style=\"background-color:#f56464\"  href=\"/control?r2=off\">";
    HTML +=button2Title2;  
  }else{
    HTML +="<div class=\"btn\"><a class=\"angleButton \" style=\"background-color:#90ee90\"  href=\"/control?r2=on\">";
    HTML +=button2Title1;    
  }  
  HTML +="</a></div>
</body>
</html>
";
  server.send(200, "text/html", HTML);  
}//handleRoot()

void handleNotFound() {
  //Robojax.com ESP32 Relay Control
  String message = "File Not Found

";
  message += "URI: ";
  message += server.uri();
  message += "
Method: ";
  message += (server.method() == HTTP_GET) ? "GET" : "POST";
  message += "
Arguments: ";
  message += server.args();
  message += "
";

  for (uint8_t i = 0; i < server.args(); i++) {
    message += " " + server.argName(i) + ": " + server.arg(i) + "
";
  }

  server.send(404, "text/plain", message);
 //Robojax.com ESP32 Relay Control
}//end of handleNotFound()

void setup(void) {
  //Robojax.com ESP32 Relay Control 
  pinMode(relay1Pin, OUTPUT);// define a pin as output for relay
  digitalWrite(relay1Pin, relay1State);//initial state either ON or OFF

  pinMode(relay2Pin, OUTPUT);// define a pin as output for relay
  digitalWrite(relay2Pin, relay2State);//initial state either ON or OFF  
  
  Serial.begin(115200);//initialize the serial monitor

  //Relay control ON OFF by Robojax.com

    
  WiFi.mode(WIFI_STA);
  WiFi.begin(ssid, password);
  Serial.println("");
  
  // Wait for connection
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }

  Serial.println("");
  Serial.print("Connected to ");
  Serial.println(ssid);
  Serial.print("IP address: http://");
  Serial.println(WiFi.localIP());

//multicast DNS //Robojax.com ESP32 Relay Control 
  if (MDNS.begin("robojaxESP32")) {
    Serial.println("MDNS responder started");
    Serial.println("access via http://robojaxESP32");
  }

  server.on("/", handleRoot);
  server.on("/control", HTTP_GET, relayControl);         
  server.onNotFound(handleNotFound);
  server.begin();
  Serial.println("HTTP server started");

}//end of setup

void loop(void) {
  //Robojax ESP32 Relay Control
  server.handleClient();

  if(relay1State ==1)
  {
    digitalWrite(relay1Pin, LOW);
  }else
  {
    digitalWrite(relay1Pin, HIGH);
  }
  
  if(relay2State ==1)
  {
    digitalWrite(relay2Pin, LOW);
  }else{
    digitalWrite(relay2Pin, HIGH);    
  }

   delay(100);
   //Serial.print("Relay1:");Serial.print (relay1State);
   //Serial.print(" Relay2:");Serial.println(relay2State);   
 //Robojax ESP32 Relay Control
}//end of loop

/*
 * relayControl()
 * updates the value of "relayState" varible to 1 or zero 
 * returns nothing
 * written by Ahmad Shamshiri
 * on Wednesday Feb 22, 2020 at 16:20 in Ajax, Ontario, Canada
 * www.robojax.com
 */
void relayControl() {
  if(server.arg("r1") == "on")
  {
    relay1State = 1;// set state of relay1 to ON
  }else if(server.arg("r1") == "off"){
    relay1State = 0;  // set state of relay1 to OFF
  }
  
  if(server.arg("r2") == "on") {
    relay2State =1; // set state of relay2 to ON  
  }else if(server.arg("r2") == "off"){
    relay2State =0;  // set state of relay2 to OFF
  }

  handleRoot();
}//relayControl() end