ここでは、Node-REDでFormを正しく設定する方法を学習します。
Node-REDインスタンスに移動し、新しいフローを作成し、そのタブで2回クリックして、名前をFormsに
変更します。そして、Done
ボタンをクリックして保存します。
備考
Node-RED
インスタンスの設定方法については、Node-REDへの初回アクセスに進んでください。

ワークフローインノードを
ワークスペースにドラッグします。このノードは Form 処理ロジックを実行する実行フローを開始する役割を担います。

ノード 内の
ワークフローを
2回クリックし、プロパティタブを開きます。Queue nameを
openflowformsexampleに
設定し、RPAと
WEBの
両方のチェックボックスにチェックを入れます。RPAは
前項で作成したFormをOpenRPAから呼び出せるようにするためのチェック、WEBは
OpenFlowから呼び出せるようにするためのチェックです。また、名前を「OpenFlow Forms Workflow
」に変更します。
備考
また、ワークスペース内でノードにフォーカスがある限り、ユーザーはRETURN
キーを押してノードのプロパティを編集することができます。

次に、Formから返された変数を処理するロジックを設定します。
ワークスペースにスイッチ
ノードをドラッグし、あらかじめ設定しておいたOpenFlow Forms Workflow
ノードに配線します。
switch
ノードを2回クリックして、Propertiesタブを開きます。そのプロパティ・パラメータを
msg.payload.hello_from_openflow
に設定します。

次に、Property
パラメータのすぐ下にあるパターンマッチングボックスの中で、入力ケースごとに異なるポートを設定することができます。
まず、最初のケース(==
) をis empty
に変更します。 次に、パターンマッチングボックスのすぐ下の+ 追加
ボタンをクリックして新しいケースを追加し、is null
に設定します。 新しいケースを追加して、other
に設定します。 最後に、Done
ボタンをクリックしてください。
これは、エンドユーザーが空の
入力やNULL
入力をしたときに、この実行フローがアイドル
状態になり、OpenFlowのホームページでフォームが利用可能になるようにするためのものです。一方、ユーザーが何らかの入力を行った場合、その入力はNode-REDに渡されます。

ワークス
ペースに ワークフローアウトノードを
ドラッグし、スイッチ
ノードの最初の2つのポートに配線します。 これらのポートは、前のステップで設定したis emptyと
is nullの
ケースにそれぞれ対応しています。つまり、ユーザーが空の
入力かNULLの
入力をした場合、実行フローはここで終了します。

ワークフローアウトノードを
2回クリックし、プロパティタブを開きます。Stateを
idleに
変更し、Userformを
hellofromopenflow
(前項で定義したフォーム)に変更します。その後、「Done
」ボタンをクリックして変更を保存します。

ワークス
ペースに別の ワークフローノードを
ドラッグし、スイッチ
ノードの3番目のポート(つまり終了ポート)に配線します。 このポートは、前に設定した他の
ケースに対応します。

ワークフローアウトノードを
2回クリックし、プロパティタブを開きます。Stateを
completedに
変更し、Userformを
hellofromopenflowに
変更します。Done
ボタンをクリックし、変更を保存します。

次に、デバッグ
ノードをワークスペースにドラッグし、2番目のワークフロー 出力
ノードに配線します。このノードは、ユーザーが Form に渡されるメッセージを見ることができるようにするために使用されます。

最後に「Deploy」ボタンをクリックすると、Formの設定が完了し、現在のFlowが更新されます。これで、フローは以下の画像のようになります。
