# Node-RED

### **Menjalankan Node-RED**

Pertama-tama Anda harus memasang Node.js dan Node-RED di komputer/perangkat Anda. Jika anda belum memiliki Node.js dan Node-RED, Anda dapat mengikuti tutorial pada halaman <https://nodejs.org/en/> lalu <https://nodered.org/docs/getting-started/installation>.

Node-RED adalah suatu alat pemograman untuk menghubungkan perangkat-perangkat keras, API, dan layanan online dengan cara yang baru dan menarik. Node-RED memberikan editor berbasis *browser* yang memudahkan pengguna untuk menghubungkan *flow* dengan penggunaan *node* yang luas di dalam *palette* yang dapat langsung diterapkan dengan satu klik[\[1\]](#referensi). Node-RED digunakan bersama dengan Antares, MQTT, dan *platform*/protokol lain. Setelah terpasang, Node-RED dapat dijalankan dengan mengetik “node-red” pada *command prompt*.

<figure><img src="/files/mzNNF0wjB5bHxbOhtpPZ" alt=""><figcaption><p>Gambar 1. Menjalankan Node-RED</p></figcaption></figure>

Pengguna dapat mengetik “localhost:1880” atau “Alamat-IPv4:1880” di *browser* untuk mengakses Node-RED.

### **Bagian-bagian Node-RED**

<figure><img src="/files/1ZTfLMwlnbQ5idQc6Q1l" alt=""><figcaption><p>Gambar 2. Bagian-bagian pada Node-RED</p></figcaption></figure>

Pada Node-RED, terdapat bagian bernama *nodes* dan *flows*. *Nodes* adalah bagian-bagian yang digunakan untuk membuat program. Ada beberapa jenis *nodes*: *input*, *output*, *function*, dan lain-lain. *Nodes* tersebut dapat diunduh di menu “Manage palette”

<figure><img src="/files/pH7N7RHe13dcRdDxO9lB" alt=""><figcaption><p>Gambar 3. Menu "Manage Palette"</p></figcaption></figure>

Sebuah jendela akan muncul. Menu “nodes” menunjukkan *nodes* yang sudah terpasang, sementara menu “install” menunjukkan *nodes* yang dapat diunduh dan dipasang.

<figure><img src="/files/LWNJUaz2vPn3WRKYAybJ" alt=""><figcaption><p>Gambar 4. Menu "Nodes" pada "Manage Palette"</p></figcaption></figure>

<figure><img src="/files/DzGLa2SMjn3sF5pw21Lm" alt=""><figcaption><p>Gambar 5. Menu "Install" pada "Manage Palette"</p></figcaption></figure>

Flow adalah tempat untuk memasang *nodes*. Pada satu jendela Node-RED, bisa saja terdapat lebih dari 1 *flow*. *Flows* tidak bergantung satu sama lain.

### **Menggunakan MQTT**

#### ***A. Node*****&#x20;MQTT**

*Node* MQTT sudah terpasang pada saat pemasangan Node-RED. Ada dua tipe *node* MQTT: *input* MQTT dan *output* MQTT.

<figure><img src="/files/iVPeI81UdZAd08G0rWTd" alt=""><figcaption><p>Gambar 6. Tipe <em>Node</em> MQTT</p></figcaption></figure>

#### **B. Pengaturan&#x20;*****Broker*****&#x20;MQTT**

Node MQTT memiliki bentuk seperti ini:

<figure><img src="/files/8FpnJnaQFtg0cpqBrkZ3" alt=""><figcaption><p>Gambar 7. Pengaturan <em>Node</em> MQTT</p></figcaption></figure>

Penambahan broker baru dapat dilakukan dengan memilih “add new mqtt-broker” dan mengklik ikon sebelah kanan. Pengaturan broker dapat dilakukan hanya dengan mengklik ikon sebelah kanan.

<figure><img src="/files/E1qNiznu2K7hMPhh4teY" alt=""><figcaption><p>Gambar 8. Penambahan <em>Broker</em> Baru</p></figcaption></figure>

Pengguna dapat menamai broker baru dan mengatur server serta port yang digunakan.

<figure><img src="/files/rTAAdXE5bxkusODxU4N8" alt=""><figcaption><p>Gambar 9. Pengaturan <em>Broker</em> Baru</p></figcaption></figure>

#### **C. Mengirimkan dan Menerima Data**

Simulasi data masukan dari devais dapat dilakukan dengan penggunaan *node* “inject”.

<figure><img src="/files/5Y4l8LyZtvFjc42gPrdC" alt=""><figcaption><p>Gambar 10. Mengirimkan Data</p></figcaption></figure>

*Node* “inject” dapat diubah untuk memberikan tipe data lain. Pada kasus ini, tipe data yang digunakan adalah JSON.

<figure><img src="/files/W0lCo9gcUPgT0ZLfmDkz" alt=""><figcaption><p>Gambar 11. Pengaturan <em>Node</em> "inject"</p></figcaption></figure>

Program dapat ditulis dengan mengklik ikon “...”.

<figure><img src="/files/6bPhjHjFe7WfqhvRlA2u" alt=""><figcaption><p>Gambar 12. Penulisan Program</p></figcaption></figure>

*Node* “debug” dapat digunakan untuk melihat pesan yang dikirim.

<figure><img src="/files/lE8rfw2UQiN8eEwVgUkM" alt=""><figcaption><p>Gambar 13. Menerima Data</p></figcaption></figure>

Pengguna dapat melihat pesan yang diterima di panel "debug".

<figure><img src="/files/KvSHEeS86LfjS7ACb8DI" alt=""><figcaption><p>Gambar 14. Keluaran di Panel "Debug"</p></figcaption></figure>

## **Referensi**

1. ["Node-RED: Flow-based Programming For The Internet"](https://nodered.org/). [Node-RED](https://nodered.org/). Diakses pada 13 September 2018.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.antares.id/contoh-kode-dan-library/node-red.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.