MQTT dan Dashboard IoT

MQTT adalah protokol kirim-terima pesan yang ringan dan menjadi tulang punggung banyak sistem IoT. Perangkat publish (menerbitkan) data ke sebuah topik, dan pihak lain subscribe (berlangganan) topik itu untuk menerima datanya, semuanya lewat perantara bernama broker. Di Noviot, ESP32 memiliki MQTT virtual dengan broker bawaan, sehingga kamu bisa berlatih pola ini tanpa server tambahan.

Broker virtual bawaan

Sketch ESP32 di Noviot terhubung ke broker virtual di alamat broker.noviot.local. Broker ini hidup di dalam simulasi: ia menerima pesan dari sketch-mu dan meneruskannya ke pelanggan lain, termasuk ke panel-panel di simulator. Tidak ada broker eksternal yang perlu dipasang atau dikonfigurasi.

Publish dan subscribe dari sketch

Pustaka yang dipakai adalah PubSubClient, pustaka MQTT paling umum di Arduino. Pastikan pustaka ini terpasang dari panel Pustaka bila sketch-mu memakainya. Pola dasarnya:

#include <WiFi.h>
#include <PubSubClient.h>

WiFiClient espClient;
PubSubClient client(espClient);

void setup() {
  WiFi.begin("NOVIOT", "12345678");
  // tunggu sampai WiFi terhubung
  client.setServer("broker.noviot.local", 1883);
  client.connect("esp32-noviot");
  client.subscribe("noviot/lampu");
}

void loop() {
  client.loop();
  // client.publish("noviot/suhu", "27.5");
}

• client.publish(topik, pesan) menerbitkan data, misalnya bacaan suhu berkala.
• client.subscribe(topik) membuat ESP32 menerima pesan pada topik itu, misalnya perintah menyalakan lampu, yang kemudian ditangani fungsi callback.
• client.loop() wajib dipanggil terus agar koneksi dan pesan masuk terlayani.

Nama topik bebas kamu tentukan, dan pola bertingkat seperti noviot/suhu membantu memisahkan jenis data.

Memantau lewat tab MQTT

Tab MQTT di simulator ESP32 adalah jendela untuk melihat lalu lintas pesan secara langsung. Dari tab ini kamu bisa:

• Melihat pesan yang diterbitkan sketch-mu, lengkap dengan topik dan isinya.
• Mengirim pesan ke sebuah topik untuk menguji reaksi sketch, misalnya mengirim ON ke topik noviot/lampu dan melihat LED pada rangkaian menyala.

Tab ini sangat membantu saat debugging: bila grafik atau aktuator tidak bereaksi, periksa dulu apakah pesannya benar-benar terkirim dan nama topiknya tidak salah ketik.

Dashboard IoT untuk grafik sensor

Bila data sensor diterbitkan secara berkala lewat MQTT, tab Dashboard IoT menampilkannya sebagai grafik yang bergerak mengikuti waktu. Dashboard ini cocok untuk proyek pemantauan, misalnya suhu dan kelembapan ruangan yang dicatat terus-menerus: kamu bisa melihat tren naik-turunnya, bukan hanya angka sesaat.

Alur lengkapnya dirangkum template resmi ESP32 MQTT: Suhu & Kelembapan ke Dashboard: ESP32 terhubung ke WiFi virtual, menerbitkan bacaan sensor ke broker tiap beberapa detik, dan kamu memantaunya dari tab MQTT serta grafiknya di Dashboard IoT. Template ESP32 IoT Combo melangkah lebih jauh dengan menggabungkan web server dan MQTT dalam satu proyek.