このセクションでは、OpenFlow でフォームを作成する方法を学びます。フォームが何なのか分からない場合は、フォームのセクションを参照してください。
まず最初に、"Hello from OpenFlow!
“など、ユーザーが挿入した入力をNode-REDに渡すためのフォームを設定します。
Forms ページ(デフォルトはhttp://demo.openiap.io/#/Forms )に
移動し、Add Form
ボタンをクリックします。
![images/nodered_openflow_forms_click_add_form_button.png](https://docs.openiap.io/images/nodered_openflow_forms_click_add_form_button.png)
次に、テキスト フィールドの
フォームをフォームデザイナにドラッグします。
![images/nodered_openflow_forms_drag_textfield_form.png](https://docs.openiap.io/images/nodered_openflow_forms_drag_textfield_form.png)
Label
パラメータをPlease enter 'Hello from OpenFlow!' 以下に
変更します。
![images/nodered_openflow_forms_change_label_textfield_form.png](https://docs.openiap.io/images/nodered_openflow_forms_change_label_textfield_form.png)
API
タブをクリックし、Property Name
パラメータをhello_from_openflowに
変更します。 これがNode-REDに渡される変数になります。
![images/nodered_openflow_forms_openflow_change_property_name.png](https://docs.openiap.io/images/nodered_openflow_forms_openflow_change_property_name.png)
最後に、「保存
」ボタンをクリックします。
![images/nodered_openflow_forms_click_save_textfield_form.png](https://docs.openiap.io/images/nodered_openflow_forms_click_save_textfield_form.png)
Form名をhellofromopenflowと
し、Save
ボタンをクリックして保存します。
![images/nodered_openflow_forms_set_name_and_save.png](https://docs.openiap.io/images/nodered_openflow_forms_set_name_and_save.png)
これで完了です。これでOpenFlowでFormを
構成することに成功しました。次のセクションで、Node-REDでどのように設定するかを見ていきましょう。