ESP8266 - Membuat Web Server Sederhana

ESP8266 tidak hanya bisa terhubung ke Wi-Fi, tetapi juga mampu menjalankan web server sederhana. Dengan fitur ini, kamu bisa mengontrol perangkat seperti LED atau menampilkan informasi sensor langsung dari browser di smartphone atau komputer.

Apa Itu Web Server?

Web server adalah sistem yang menyajikan halaman web ketika diminta melalui browser. Dengan ESP8266, kamu bisa membuat server kecil yang berjalan di board, yang bisa diakses lewat alamat IP lokal.

Persiapan Alat dan Software

Board ESP8266 (NodeMCU, Wemos, ESP-01)
Arduino IDE (sudah dikonfigurasi)
Kabel USB
Jaringan Wi-Fi

Contoh Kode Web Server Sederhana

#include "ESP8266WiFi.h"

const char* ssid = "Nama_WiFi";
const char* password = "Password_WiFi";

WiFiServer server(80);

void setup() {
  Serial.begin(115200);
  WiFi.begin(ssid, password);

  Serial.print("Menghubungkan ke Wi-Fi");
  while (WiFi.status() != WL_CONNECTED) {
    delay(500);
    Serial.print(".");
  }

  Serial.println("\nWi-Fi terhubung!");
  Serial.print("Alamat IP: ");
  Serial.println(WiFi.localIP());

  server.begin();
}

void loop() {
  WiFiClient client = server.available();
  if (!client) return;

  Serial.println("Client terhubung");
  while (!client.available()) {
    delay(1);
  }

  String request = client.readStringUntil('\r');
  Serial.println(request);
  client.flush();

  String html = "HTTP/1.1 200 OK\r\nContent-Type: text/html\r\n\r\n";
  html += "<!DOCTYPE HTML><html><body>";
  html += "<h1>Halo dari ESP8266!</h1>";
  html += "</body></html>";

  client.print(html);
  delay(1);
  Serial.println("Respon dikirim ke client");
}

Penjelasan Kode

WiFiServer server(80); – Membuat server HTTP di port 80.
client.readStringUntil('\r'); – Membaca request dari browser.
client.print(html); – Mengirim halaman HTML ke browser.

Tampilan Serial Monitor :

Tampilan Akses Web Server dari Browser

Tips Tambahan

Gunakan IP yang muncul di Serial Monitor untuk mengakses dari browser.
Pastikan perangkat kamu terhubung ke jaringan Wi-Fi yang sama.

yoarduino