Node-RED

WebのフォームからNode-REDで使用するデータを入力する方法

パレットからNode-RED Dashboardをインストールする。

Node RED 2022 03 18 14 40 06

formノードをフローに挿入

Node RED 2022 03 18 14 42 15

formノードを編集

Node RED 2022 03 18 14 43 49

作成したフォーム

Node RED 2022 03 18 14 52 19

Node-RED DashboardのURLを開き、フォームに”あいうえお”と入力して”SUBMIT”を押す。

Node RED ダッシュボード 2022 03 18 14 50 26

debugに入力された値が表示される

Node RED 2022 03 18 14 51 25

フロー

[{"id":"461f2da23c559ce7","type":"ui_form","z":"d28b63de5a386966","name":"データ","label":"フォーム","group":"202da63c9f6976d4","order":0,"width":0,"height":0,"options":[{"label":"データ","value":"data","type":"text","required":true,"rows":null}],"formValue":{"data":""},"payload":"","submit":"submit","cancel":"cancel","topic":"payload","topicType":"msg","splitLayout":"","x":270,"y":220,"wires":[["db5afb79cd0c4c05"]]},{"id":"db5afb79cd0c4c05","type":"debug","z":"d28b63de5a386966","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":490,"y":220,"wires":[]},{"id":"202da63c9f6976d4","type":"ui_group","name":"フォーム","tab":"9d5c1440d58ea6cc","order":1,"disp":true,"width":"6","collapse":false},{"id":"9d5c1440d58ea6cc","type":"ui_tab","name":"ホーム","icon":"dashboard","disabled":false,"hidden":false}]
ABOUT ME
中畑 隆拓
スマートライト㈱ 代表取締役。IoTソリューションの開発、スマートホーム&オフィスのコンサルティング、DALI,KNX,EnOceanなどのインテグレーションを行っています。

COMMENT

メールアドレスが公開されることはありません。