Tutorial untuk membuat project kendali dengan web browser sebagai server dapat ditonton melalui video berikut:
#include <ESP8266WiFi.h>/*mengatur wifi pada nodmcu*/
#include <ESP8266WebServer.h>/*mengakses webserver*/
#define LED 16/*PIN D0*/
const char*ssid = "Bismillah";
/* gunakan ssid dan password yang digunakan saat ini, lalu sambungkan ke farylink*/
const char*password = "menyerah";
ESP8266WebServer server(80);
String webpage;
void setup() {
Serial.begin (115200);/*menentukan baudrate serial monitor,
tidak selalu 115200 karena
dapat diganti sesuai dengan yang dibutuhkan*/
delay(10);
pinMode(LED, OUTPUT);
Serial.println();
Serial.print("Configuring access point...");/*menghubungkan NODMCU pada WiFi,
menentukan hotpot yang akan dikeluarkan oleh NODEMCU*/
WiFi.mode(WIFI_AP);/*mengatur wifi pertama memilih mode station*/
WiFi.begin(ssid, password);/*kedua mencocokan ssid dan pass*/
Serial.println("IP address: ");/*menampilkan status IP pada layar monitor*/
Serial.println(WiFi.softAPIP());
webpage += "<h1> <center>Kendali LED browser :</center></h1>";
webpage += "<br>";
webpage += "<center> LED :</center>";
webpage += "<center> <a href=\"LEDON\"\"><button>ON</button></a><a href=\"LEDOFF\"\"><button>OFF</button></a></center>";
/*membuat isi dari web page berisi ON dan OFF*/
server.on("/", []() {
server.send(200, "text/html", webpage);
}); /*merespon perintah yang masuk di web browser*/
server.on("/LEDON", []() {
server.send(200, "text/html", webpage);
digitalWrite(LED, HIGH);
delay(100);
});
server.on("/LEDOFF", []() {
server.send(200, "text/html", webpage);
digitalWrite(LED, LOW);
delay(100);
});
server.begin();
Serial.println("Webserver Dijalankan");
}
void loop () {
server.handleClient ();
}
Sebelum klik Selesai/Lanjut, silakan bisa melakukan presensi disini