新聞中心
PRESS CENTER概述
本教程介紹 Node-RED 編輯器并創(chuàng)建一個(gè)演示 Inject、Debug 和 Function 節(jié)點(diǎn)的流程。
1.訪問編輯器
在 Node-RED運(yùn)行的情況下,在 Web 瀏覽器中打開編輯器。
如果您在運(yùn)行 Node-RED 的同一臺(tái)計(jì)算機(jī)上使用瀏覽器,則可以使用 url 訪問它:http://localhost:1880。
如果您在另一臺(tái)計(jì)算機(jī)上使用瀏覽器,則需要使用運(yùn)行 Node-RED: 的計(jì)算機(jī)的 IP 地址http://<ip-address>:1880。
2.添加一個(gè)Inject節(jié)點(diǎn)
Inject 節(jié)點(diǎn)允許您通過單擊節(jié)點(diǎn)上的按鈕或設(shè)置注入之間的時(shí)間間隔將消息注入流中。
將一個(gè)從 調(diào)色板拖到工作區(qū)。
選擇新添加的 Inject 節(jié)點(diǎn)以查看有關(guān)其屬性的信息以及它在Information 側(cè)邊欄窗格中的作用的描述。
3.添加一個(gè)Debug節(jié)點(diǎn)
Debug 節(jié)點(diǎn)使任何消息都顯示在 Debug 側(cè)邊欄中。默認(rèn)情況下,它只顯示消息的有效負(fù)載,但可以顯示整個(gè)消息對(duì)象。
4.將兩者連接在一起
通過在一個(gè)的輸出端口和另一個(gè)的輸入端口之間拖動(dòng),將 Inject 和 Debug 節(jié)點(diǎn)連接在一起。
5. 部署
此時(shí)節(jié)點(diǎn)只存在于編輯器中,必須部署到服務(wù)器上。
單擊部署按鈕。
6.注入
選中 Debug 側(cè)邊欄選項(xiàng)卡后,單擊 Inject 按鈕(注入節(jié)點(diǎn)旁邊的小方形按鈕)。您應(yīng)該會(huì)看到數(shù)字出現(xiàn)在側(cè)邊欄中。默認(rèn)情況下,Inject 節(jié)點(diǎn)使用自 1970 年 1 月 1 日以來的毫秒數(shù)作為其有效負(fù)載。
7.添加功能節(jié)點(diǎn)
Function 節(jié)點(diǎn)允許您通過 JavaScript 函數(shù)傳遞每條消息。
刪除現(xiàn)有的電線(選擇它并按鍵盤上的刪除)。
在 Inject 和 Debug 節(jié)點(diǎn)之間連接一個(gè) Function 節(jié)點(diǎn)。
雙擊函數(shù)節(jié)點(diǎn)以打開編輯對(duì)話框。將以下代碼復(fù)制到函數(shù)字段中:
// Create a Date object from the payload var date = new Date(msg.payload);
// Change the payload to be a formatted Date string msg.payload = date.toString();
// Return the message so it can be sent on return msg;
單擊完成關(guān)閉編輯對(duì)話框,然后單擊部署按鈕。
現(xiàn)在,當(dāng)您單擊“注入”按鈕時(shí),側(cè)欄中的消息現(xiàn)在將被格式化為可讀時(shí)間戳。
概括
此流程演示了創(chuàng)建流程的基本概念。它顯示了如何使用 Inject 節(jié)點(diǎn)手動(dòng)觸發(fā)流程,以及 Debug 節(jié)點(diǎn)如何在側(cè)邊欄中顯示消息。它還展示了如何使用 Function 節(jié)點(diǎn)編寫自定義 JavaScript 以針對(duì)消息運(yùn)行。
資源
本教程中創(chuàng)建的流程由以下 json 表示。要將其導(dǎo)入編輯器,請(qǐng)將其復(fù)制到剪貼板,然后將其粘貼到“導(dǎo)入”對(duì)話框中。
[{"id":"58ffae9d.a7005","type":"debug","name":"","active":true,"complete":false,"x":640,"y":200,"wires":[]},{"id":"17626462.e89d9c","type":"inject","name":"","topic":"","payload":"","repeat":"","once":false,"x":240,"y":200,"wires":[["2921667d.d6de9a"]]},{"id":"2921667d.d6de9a","type":"function","name":"Format timestamp","func":"// Create a Date object from the payload\nvar date = new Date(msg.payload);\n// Change the payload to be a formatted Date string\nmsg.payload = date.toString();\n// Return the message so it can be sent on\nreturn msg;","outputs":1,"x":440,"y":200,"wires":[["58ffae9d.a7005"]]}]