Install Node-RED dan MQTT serta Cara Implementasinya
Pembuka: Perkenalan Kelompok
Isi: Install Node-Red
Langkah 1: Install Node.js
I.
Download Node.js:
·
Buka browser Anda dan kunjungi situs resmi Node.js.
·
Anda akan melihat dua versi untuk diunduh: LTS (Long Term Support) dan
Current. Pilih versi LTS dan klik tombol download untuk Windows.
II.
Instal Node.js:
·
Setelah selesai mengunduh, buka file installer yang telah diunduh
(biasanya bernama node-vxx.x.x-x64.msi).
·
Ikuti langkah-langkah dalam installer. Pastikan untuk mencentang opsi yang
mengatakan “Add to PATH” agar Anda bisa mengakses Node.js dari Command Prompt.
·
Klik Finish setelah instalasi selesai.
Langkah 2: Install Node-RED
I.
Buka Command Prompt:
·
Tekan Win + R pada keyboard untuk membuka dialog "Run".
·
Ketik cmd dan tekan Enter. Ini akan membuka jendela Command Prompt.
II.
Install Node-RED:
·
Di jendela Command Prompt, ketik perintah berikut dan tekan Enter:
Bash
Copy:
npm install -g
--unsafe-perm node-red
·
Proses ini akan mengunduh dan menginstall Node-RED. Tunggu hingga selesai.
Langkah 3: Jalankan Node-RED
I.
Jalankan Node-RED:
·
Masih di Command Prompt, ketik perintah berikut dan tekan Enter:
Bash
Copy:
node-red
·
Anda akan melihat beberapa pesan di layar. Setelah beberapa saat, Anda
akan melihat pesan yang mengatakan bahwa Node-RED telah berjalan di http://localhost:1880. (sesuikan dengan port yang disarankan)
II.
Buka Node-RED di Browser:
·
Buka browser (seperti Chrome atau Firefox) dan masukkan alamat http://localhost:1880. (sesuikan dengan port yang disarankan)
·
Anda akan melihat antarmuka Node-RED.
Isi: Install Mqtt
Langkah 4: Install MQTT Node
I.
Buka Menu Manage Palette:
·
Di antarmuka Node-RED, klik pada ikon menu (tiga garis horizontal di pojok
kanan atas).
·
Pilih Manage palette dari menu yang muncul.
II.
Install Node MQTT:
·
Di tab Install, ketik node-red-node-mqtt di kotak pencarian.
·
Klik tombol Install di sebelah hasil pencarian untuk menambahkan node MQTT
ke Node-RED.
Isi: Implementasi
Langkah 5: Membuat Flow untuk Menampilkan Tanggal
I.
Buat Flow Baru:
·
Di antarmuka Node-RED, Anda akan melihat kanvas kosong. Anda akan
menggunakan ini untuk membuat flow.
II.
Tambah Node Inject:
·
Di panel sebelah kiri, cari node bernama inject.
·
Drag node inject ke kanvas.
III.
Tambah Node Function:
·
Cari node bernama function di panel sebelah kiri.
·
Drag node function ke kanvas dan letakkan di sebelah kanan node inject.
IV.
Tambah Node Debug:
·
Cari node bernama debug dan drag ke kanvas. Letakkan di sebelah kanan node
function.
V.
Konfigurasi Node Inject:
·
Klik dua kali pada node inject untuk mengedit.
·
Di bagian Payload, pilih timestamp dari dropdown.
·
Klik Done untuk menyimpan pengaturan.
VI.
Konfigurasi Node Function:
·
Klik dua kali pada node function untuk mengedit.
·
Di area kode, masukkan kode berikut:
javascript
Copy
var date = new Date(msg.payload);
msg.payload =
date.toString(); // Mengubah timestamp menjadi string format tanggal
return msg;
·
Klik Done untuk menyimpan pengaturan.
VII.
Sambungkan Node:
·
Klik dan tarik dari titik kecil di sisi kanan node inject ke titik kecil
di sisi kiri node function.
·
Lakukan hal yang sama untuk menghubungkan node function ke node debug.
VIII.
Simpan dan Jalankan Flow:
·
Klik tombol Deploy di pojok kanan atas untuk menyimpan flow Anda.
·
Klik tombol kecil di samping node inject untuk menjalankan flow.
·
Lihat hasilnya di panel debug di sebelah kanan. Anda akan melihat tanggal
dan waktu saat ini ditampilkan.
Penutup
0 Comments