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();
}

• Upload sketch di atas dengan Board : Generic Esp8266 Module dan Port terceklis
• Jika sudah, pindah ke mode Running Mode
• Buka Serial Monitor dengan baudrate 115200

• Buka web browser, ketikkan IP yang tampil pada serial monitor.

• Hubungkan ESP-01 ke shield relay, kemudian masukkan input tegangan 5V ke VCC
• Tekan tombol yang tampil pada web. ON/OFF

Hasilnya tentu relay akan nyala ketika kita tekan tombol ON dan relay akan mati ketika kita tekan tombol OFF.

Semoga bermanfaat.