CloudFlow:Workflow Studio インターフェイスの概要

ステート表示セクション

ステート表示セクションには、以下の 3 つのタブがあります。

操作タブ

Alibaba Cloud サービス（エラスティックコンピューティング、インターネットミドルウェア、データベース、AI サービスなど）の API オペレーション一覧を表示します。これらの API オペレーションはすべてタスクステートとしてワークフローに統合可能です。各オペレーションをキャンバスへドラッグすることで、ステップとして追加できます。

フロータブ

特定の操作を実行せず、ワークフローの制御ロジックを定義するためのフローコントロールステートの一覧です。利用可能なフローステートは以下のとおりです。

• Choice — 条件に基づいて分岐します。

• Parallel — 複数のブランチを同時実行します。

• Map — コレクション内の要素を反復処理します。

• Pass — 処理を行わず、入力をそのまま出力に渡します。

• Wait — 指定された持続時間だけ待機します。

• Succeed — 正常終了を示します。

• Fail — エラーを示し、実行を停止します。

パターンタブ

あらかじめ定義されたワークフロー構築ブロックの一覧です。パターンをキャンバスへドラッグすると、一般的なワークフロー構造を素早くスキャフォールドできます。

ステート表示セクション上部の検索ボックスを使用して、キーワードで任意のステートを検索できます。

ワークフローキャンバス

キャンバスは、ワークフローを構成する場所です。ステート表示セクションからステートをキャンバスへドラッグしてください。有効なドロップ位置には、水平または垂直のガイドラインが表示されます。Workflow Studio は、フローチャートの構築に合わせて YAML 定義を自動生成します。

キャンバスツールバー

キャンバス左上隅にあるツールバーには、以下のコントロールが用意されています。

• 拡大 / 縮小

• フローチャートを中央に表示

• 選択したステートを削除

• 直前の操作を元に戻す

ステートのインラインデバッグ

ステートのパラメーターを設定した後、エディターを離れることなく、キャンバス上で直接デバッグできます。ステート上にマウスをホバーし、 アイコンをクリックして実行します。実行が完了したら、 アイコンをクリックして結果を確認します。

パラメーター設定セクション

キャンバス上のステートを選択すると、そのプロパティが「パラメーター設定セクション」に表示されます。パネルには、基本設定、入力設定、出力設定、トラブルシューティング の 4 つのタブがあります。

以下の表では、InvokeFunction タスクステートを例として、主なパラメーターについて説明します。その他のパラメーターについては、デフォルト値のまま使用してください。

invocationType: Sync
resourceArn: acs:fc:cn-beijing:1034354682****:functions/GPU-demo/LATEST
body:
  key: value

{
  "key1": "value1",
  "key2.$": "$.myStateInput.key",
  "key3": 100
}

FieldA: 123
FieldB: string
FieldC.$: $Input

YAML エディタ

YAML エディタでは、ワークフロー定義を直接記述・編集できます。変更は双方向に同期されます。

• コード → 可視化：YAML 定義を更新すると、可視化ペインがリアルタイムで更新されたフローチャートをレンダリングします。更新されたフローチャートは、CloudFlow Studio タブにも反映されます。

• 可視化 → コード：CloudFlow Studio タブでステートの並べ替え・削除・追加を行う、または可視化ペインでステートを削除すると、YAML コードが自動更新されます。

可視化ペイン

可視化ペインでは、ワークフローの全体構造をリアルタイムで表示します。YAML 定義の記述・編集に合わせて、フローチャートが自動更新されます。

YAML 定義に構文エラーが含まれる場合、可視化ペインはエラーが解消されるまでレンダリングを一時停止します。