ここでは、Node-REDでFormを正しく設定する方法を学習します。
Node-REDインスタンスに移動し、新しいフローを作成し、そのタブで2回クリックして、名前をFormsに
変更します。そして、Done
ボタンをクリックして保存します。
備考
Node-RED
インスタンスの設定方法については、Node-REDへの初回アクセスに進んでください。
![images/nodered_openflow_forms_rename_flow.png](https://docs.openiap.io/images/nodered_openflow_forms_rename_flow.png)
ワークフローインノードを
ワークスペースにドラッグします。このノードは Form 処理ロジックを実行する実行フローを開始する役割を担います。
![images/nodered_openflow_forms_drag_workflow_in.png](https://docs.openiap.io/images/nodered_openflow_forms_drag_workflow_in.png)
ノード 内の
ワークフローを
2回クリックし、プロパティタブを開きます。Queue nameを
openflowformsexampleに
設定し、RPAと
WEBの
両方のチェックボックスにチェックを入れます。RPAは
前項で作成したFormをOpenRPAから呼び出せるようにするためのチェック、WEBは
OpenFlowから呼び出せるようにするためのチェックです。また、名前を「OpenFlow Forms Workflow
」に変更します。
備考
また、ワークスペース内でノードにフォーカスがある限り、ユーザーはRETURN
キーを押してノードのプロパティを編集することができます。
![images/nodered_openflow_forms_configure_workflow_in.png](https://docs.openiap.io/images/nodered_openflow_forms_configure_workflow_in.png)
次に、Formから返された変数を処理するロジックを設定します。
ワークスペースにスイッチ
ノードをドラッグし、あらかじめ設定しておいたOpenFlow Forms Workflow
ノードに配線します。
switch
ノードを2回クリックして、Propertiesタブを開きます。そのプロパティ・パラメータを
msg.payload.hello_from_openflow
に設定します。
![images/nodered_openflow_forms_configure_property_switch.png](https://docs.openiap.io/images/nodered_openflow_forms_configure_property_switch.png)
次に、Property
パラメータのすぐ下にあるパターンマッチングボックスの中で、入力ケースごとに異なるポートを設定することができます。
まず、最初のケース(==
) をis empty
に変更します。 次に、パターンマッチングボックスのすぐ下の+ 追加
ボタンをクリックして新しいケースを追加し、is null
に設定します。 新しいケースを追加して、other
に設定します。 最後に、Done
ボタンをクリックしてください。
これは、エンドユーザーが空の
入力やNULL
入力をしたときに、この実行フローがアイドル
状態になり、OpenFlowのホームページでフォームが利用可能になるようにするためのものです。一方、ユーザーが何らかの入力を行った場合、その入力はNode-REDに渡されます。
![images/nodered_openflow_forms_configure_cases_switch.png](https://docs.openiap.io/images/nodered_openflow_forms_configure_cases_switch.png)
ワークス
ペースに ワークフローアウトノードを
ドラッグし、スイッチ
ノードの最初の2つのポートに配線します。 これらのポートは、前のステップで設定したis emptyと
is nullの
ケースにそれぞれ対応しています。つまり、ユーザーが空の
入力かNULLの
入力をした場合、実行フローはここで終了します。
![images/nodered_openflow_forms_drag_first_workflow_out.png](https://docs.openiap.io/images/nodered_openflow_forms_drag_first_workflow_out.png)
ワークフローアウトノードを
2回クリックし、プロパティタブを開きます。Stateを
idleに
変更し、Userformを
hellofromopenflow
(前項で定義したフォーム)に変更します。その後、「Done
」ボタンをクリックして変更を保存します。
![images/nodered_openflow_forms_configure_first_workflow_out.png](https://docs.openiap.io/images/nodered_openflow_forms_configure_first_workflow_out.png)
ワークス
ペースに別の ワークフローノードを
ドラッグし、スイッチ
ノードの3番目のポート(つまり終了ポート)に配線します。 このポートは、前に設定した他の
ケースに対応します。
![images/nodered_openflow_forms_drag_second_workflow_out.png](https://docs.openiap.io/images/nodered_openflow_forms_drag_second_workflow_out.png)
ワークフローアウトノードを
2回クリックし、プロパティタブを開きます。Stateを
completedに
変更し、Userformを
hellofromopenflowに
変更します。Done
ボタンをクリックし、変更を保存します。
![images/nodered_openflow_forms_configure_second_workflow_out.png](https://docs.openiap.io/images/nodered_openflow_forms_configure_second_workflow_out.png)
次に、デバッグ
ノードをワークスペースにドラッグし、2番目のワークフロー 出力
ノードに配線します。このノードは、ユーザーが Form に渡されるメッセージを見ることができるようにするために使用されます。
![images/nodered_openflow_forms_drag_debug_node.png](https://docs.openiap.io/images/nodered_openflow_forms_drag_debug_node.png)
最後に「Deploy」ボタンをクリックすると、Formの設定が完了し、現在のFlowが更新されます。これで、フローは以下の画像のようになります。
![images/nodered_openflow_forms_flow_configuration_finished.png](https://docs.openiap.io/images/nodered_openflow_forms_flow_configuration_finished.png)