ESP-01 Shield Relay, Mengontrol Relay IOT Web Server

Tidak jauh-jauh dari shield ESP-01 lagi, kali ini akan membahas module shield untuk relay. Cukup praktis dan hemat size untuk shield ESP-01 ini dengan ukuran yang kecil sudah bisa mengontrol peralatan listrik. Tampilan Shiled nya seperti ini.

Spesifikasi :

Tegangan kerja : 5V
Pin : 0 (GPIO0)

Alat dan bahan :

ESP-01 shield relay, BELI
USB to TTL, bisa pakai FTDI atau yang lain
Breadborad, BELI
Kabel jumper, BELI
Push Button

Masih sama kita akan menggunakan web browser sebagai interfacenya untuk mengontrol relay ini. Untuk mengupload program ke ESp-01 diperlukan rangkaian khusus, ikuti rangkaian di bawah ini :

Keterangan :

Yang baru mengenal ESP-01 silahkan baca dulu pada postingan sebelumnya Cara Mudah Menggunakan ESP-01.

Sketch Program

#include <ESP8266WiFi.h>
#include <ESP8266WebServer.h>

#define pinRelay 0

const char* ssid = "nama wifi";       
const char* password = "password";  

ESP8266WebServer server(80);
String webpage;

void setup() {
  Serial.begin(115200);
  delay(10);
  
  pinMode(pinRelay, OUTPUT);
  digitalWrite(pinRelay, HIGH);
  
  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: ");
  Serial.println(WiFi.localIP());
  
  // Isi dari Webpage -------------------------------------------------------
  webpage += "<h1> Web Control ESP8266 </h1>";
  webpage += "<p>RELAY : ";
  webpage += "<a href=\"relayOn\"\"><button>ON</button></a><a href=\"relayOff\"\"><button>OFF</button></a></p>";

  // Membuat tampilan Webpage -----------------------------------------------
  server.on("/", []() {
    server.send(200, "text/html", webpage);
  });
  
  server.on("/relayOn", []() {
    server.send(200, "text/html", webpage);
    digitalWrite(pinRelay, LOW);
    delay(1000);
  });
  server.on("/relayOff", []() {
    server.send(200, "text/html", webpage);
    digitalWrite(pinRelay, HIGH);
    delay(1000);
  });

  server.begin();
  Serial.println("Web server dijalankan");
}

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