Tutorial Belanja komponen

Tutorial › Lampu & LED

Lampu LED dari HP

ESP-12ED0D1D2D3D43VGD5D6D7D8RXTXG3VA0GVUS3S2S1SCS0SKG3VENRSTGVIN+−LED merah + resistor 330 Ω

Satu LED di meja, satu tombol di HP. Geser tombol di dashboard Klenik, LED di NodeMCU langsung nyala, dari jaringan mana pun selama dua-duanya terhubung internet.

NodeMCU berlangganan (subscribe) ke topic .../p001/led. Saat tombol di Klenik digeser, Klenik mengirim teks ON atau OFF ke topic itu lewat broker mqtt.ichibot.id. NodeMCU menerima teksnya, menyalakan atau mematikan pin D1, lalu melapor balik ke topic .../p001/status dengan angka 1 atau 0. Laporan balik ini yang membuat lampu indikator di dashboard ikut berubah, jadi kamu tahu perintahnya benar-benar sampai.

Komponen

KomponenQtyHarga
NodeMCU ESP8266 V3 (Lolin)1Rp42.000
LED 5 mm merah (isi 10)isi 10, terpakai 11Rp2.500
Resistor 330 Ω (isi 10)isi 10, terpakai 11Rp1.800
Breadboard mini 170 titik1Rp4.875
Kabel jumper male-female 10 cm (isi 10)isi 10, terpakai 21Rp3.500
Kabel micro USB data 30 cmopsional, kalau belum punya kabel micro USB data1Rp11.700
Total (tanpa opsional)Rp54.675
Daftar komponen proyek ini otomatis masuk ke pesan. Hapus yang sudah kamu punya sebelum dikirim.

Langkah 1: Rangkai komponen

Sambungkan kabel sesuai gambar di atas. Kalau gambar dan tabel terlihat berbeda, ikuti tabel.

DariKeKabel
LED merah + resistor 330 Ω +→D1 GPIO5kuning
LED merah + resistor 330 Ω −→Ghitam

Langkah 2: Siapkan dashboard Klenik

Lampu LEDichibot/budi1234/p001/led
LED merah
0 detik lalu
Status LEDichibot/budi1234/p001/status
NYALA
0 detik lalu

Cara cepat: unduh p001.json, ganti budi1234 dengan KODE-mu, lalu import di Klenik (menu titik tiga → Export / Import → Import → Ganti total). Langkah lengkapnya ada di Panduan Klenik.

WidgetTopicSetting
Switch
Lampu LED
ichibot/KODE/p001/ledpayload ON / OFF
Indikator Boolean
Status LED
ichibot/KODE/p001/statusON = 1 “NYALA”, OFF = 0

Langkah 3: Upload kode

Library: PubSubClient (Nick O'Leary). Board di Arduino IDE: NodeMCU 1.0 (ESP-12E Module). Isi dulu nama WiFi dan password di bagian ISI DULU, lalu ganti budi1234 di baris topic dengan KODE-mu, lalu upload dan buka Serial Monitor (115200).

p001.inoUnduh .ino
// Proyek 001 - Lampu LED dari HP
// Board: NodeMCU ESP8266 V3 | Dashboard: klenik.ichibot.id
#include <ESP8266WiFi.h>
#include <PubSubClient.h>

// ===== ISI DULU =====
const char* WIFI_NAMA = "nama-wifi-kamu";
const char* WIFI_PASS = "password-wifi-kamu";

// topic MQTT: ganti budi1234 dengan KODE-mu (sama dengan di dashboard Klenik)
const char* TOPIK_STATUS = "ichibot/budi1234/p001/status";
const char* TOPIK_LED    = "ichibot/budi1234/p001/led";

const char* BROKER = "mqtt.ichibot.id";
WiFiClient wifi;
PubSubClient mqtt(wifi);
const int LED = D1;                   // GPIO5

void pesanMasuk(char* t, byte* isi, unsigned int panjang) {
  String perintah;
  for (unsigned int i = 0; i < panjang; i++) perintah += (char)isi[i];
  Serial.println("Perintah: " + perintah);
  if (perintah == "ON") digitalWrite(LED, HIGH);
  else if (perintah == "OFF") digitalWrite(LED, LOW);
  mqtt.publish(TOPIK_STATUS, digitalRead(LED) ? "1" : "0", true);
}

void langganan() {
  mqtt.subscribe(TOPIK_LED);
}

sambungWiFi() dan sambungMQTT(): sama di semua proyek (klik untuk lihat)void sambungWiFi() { WiFi.begin(WIFI_NAMA, WIFI_PASS); Serial.print("WiFi"); while (WiFi.status() != WL_CONNECTED) { delay(500); Serial.print("."); } Serial.println(" OK, IP " + WiFi.localIP().toString()); } void sambungMQTT() { while (!mqtt.connected()) { if (mqtt.connect(WiFi.macAddress().c_str())) { Serial.println("Terhubung ke Klenik"); langganan(); } else { Serial.println("Broker gagal, coba lagi 3 detik"); delay(3000); } } }
void setup() { Serial.begin(115200); pinMode(LED, OUTPUT); sambungWiFi(); mqtt.setServer(BROKER, 1883); mqtt.setCallback(pesanMasuk); } void loop() { if (!mqtt.connected()) sambungMQTT(); mqtt.loop(); }

Langkah 4: Pahami kodenya

  1. Topic MQTT ditulis utuh, satu baris per topic. Bagian budi1234 adalah KODE unik: broker mqtt.ichibot.id dipakai banyak orang, jadi topic perlu bagian yang cuma kamu yang pakai. Ganti dengan nama + 4 angka, huruf kecil, tanpa spasi, dan pakai KODE yang sama di semua widget Klenik.
  2. Dipanggil otomatis setiap ada pesan dari topic yang di-subscribe. Isi pesan datang sebagai deretan byte, jadi disambung dulu jadi String perintah.
  3. Setelah LED diubah, NodeMCU membaca ulang pin D1 dan mengirim 1 atau 0. Argumen true artinya retain: broker menyimpan status terakhir, jadi dashboard yang baru dibuka langsung tahu kondisi LED.
  4. Daftar topic yang didengarkan proyek ini. Fungsi ini dipanggil oleh sambungMQTT() setiap kali berhasil tersambung, termasuk setelah koneksi putus lalu nyambung lagi.
  5. Wajib dipanggil terus di loop(). Di sinilah pesan baru dicek dan koneksi dijaga. Hindari delay() panjang di loop(), karena perintah dari HP jadi telat diproses.