Buka Senin - Jumat jam 08.30 s/d jam 16.30 , Sabtu Jam 8.30 s/d jam 13.00 , Minggu tutup
  • Selamat Datang di Indomaker ❯ Silahkan pesan produk sesuai kebutuhan anda, kami siap melayani.
  • Selamat Datang di Indomaker ❯ Silahkan pesan produk sesuai kebutuhan anda, kami siap melayani.
Beranda » Blog » NodeMCU, Menampilkan Data Sensor LDR Web Server

NodeMCU, Menampilkan Data Sensor LDR Web Server

Diposting pada 18 January 2020 oleh farhan / Dilihat: 430 kali / Kategori:

 

Hari ini kita akan mencoba untuk menampilkan data sensor ldr ke web server dengan koneksi WIFI menggunakan board NodeMCU. Untuk tampilannya masih sederhana ya hee, untuk selanjutnya anda bisa juga menambahkan CSS agar tampilan lebih menarik lagi. Oke langsung saja untuk membuatnya kita membutuhkan beberapa komponen di bawah ini.

Alat dan bahan

  • Board Esp8266 NodeMCU, BELI
  • Sensor LDR, BELI
  • Kabel jumper, BELI
  • Resistor 10K, BELI
  • Breadboard, BELI

Rangkaian

Keterangan :

  • Pemasangan kaki sensor ldr boleh terbalik
  • Kaki 1 dihubungkan ke 3.3v
  • kaki 2 ke pin A0 dan resistor 10K dan GND

Sketch Program

#include <ESP8266WiFi.h>

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

int pinLdr = A0;
int ldrValue;
WiFiServer server(80);

void setup() {
  Serial.begin(115200);
  delay(20);
  Serial.println();
  Serial.print("Menghubungkan ke WIFI... ");
  Serial.println(ssid);
  WiFi.begin(ssid, password);
  while (WiFi.status() != WL_CONNECTED) {
    delay(300);
    Serial.print(".");
  }
  Serial.println("");
  Serial.println("WiFi terkoneksi");
  server.begin();
  Serial.println("Koneksi Server dimulai");
  Serial.print("Alamat IP : ");
  Serial.print("http://");
  Serial.print(WiFi.localIP());
  Serial.println("/");
}

void loop() {
  WiFiClient client = server.available();
  if (!client) {
    return;
  }
  Serial.println("Koneksi baru");
  while (!client.available())
  {
    delay(5);
  }
  if (client) {
    boolean blank_line = true;
    while (client.connected()) {
      if (client.available()) {
        char c = client.read();
        if (c == '\n' && blank_line) {
          ldrValue = analogRead(pinLdr);
          Serial.println(ldrValue);
          
          client.println("HTTP/1.1 200 OK");
          client.println("Content-Type: text/html");
          client.println("Connection: close");
          client.println();
          client.println("<!DOCTYPE HTML>");
          client.println("<html>");
          client.println("<head></head><body><h2>Sensor LDR NodeMCU</h2><h3>Data sensor : ");
          client.println(ldrValue);
          client.println("</h3><h3>");
 
          client.println("</body></html>");
          break;
        }
        if (c == '\n') {
          blank_line = true;
        }
        else if (c != '\r') {
          blank_line = false;
        }
      }
    }
    delay(5);
  }
}

Upload program dengan board NodeMCU 1.0 dan port terceklis sampai done uploading. Buka Serial Monitor dengan baudrate 115200. Copy IP yang muncul dan pastekan ke web browser dan hasilnya seperti di bawah ini.

Semoga bermanfaat.

Bagikan ke

NodeMCU, Menampilkan Data Sensor LDR Web Server

Saat ini belum tersedia komentar.

Silahkan tulis komentar Anda

NodeMCU, Menampilkan Data Sensor LDR Web Server

Produk yang sangat tepat, pilihan bagus..!

Berhasil ditambahkan ke keranjang belanja
Lanjut Belanja
Checkout
Produk Quick Order

Pemesanan dapat langsung menghubungi kontak dibawah: