すべてのプロダクト
Search

このプロダクト

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

    ドキュメントセンター

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

    最終更新日:Jan 13, 2025

    CloudFlow は、ローコードのグラフィカルワークフローデザイナーであるワークフロー スタジオを提供します。 ワークフロー スタジオでワークフローを作成および編集し、ワークフローのステップの入力および出力フィルタリングルールを構成し、エラー処理ルールを構成できます。 このトピックでは、ワークフロー スタジオのインターフェースの概要について説明します。

    ワークフロースタジオは、CloudFlow Studio 編集モードと YAML 編集モード、および ワークフローの構成ワークフローを構成する 機能を提供し、視覚化されたワークフローの作成、定義の編集、および構成の管理を支援します。CloudFlow Studio編集モードでは、ノードをワークフローキャンバスにドラッグアンドドロップすることでプロセスを設計できます。YAML編集モードでは、YAMLスクリプトを入力することでワークフローを正確に設計できます。 ワークフローの構成機能を使用すると、ワークフローに関する基本情報と、ワークフローの実行に必要な権限を付与するロールを構成できます。

    CloudFlow Studio

    CloudFlow Studio は、ワークフローを作成するときに視覚化するためのグラフィカルインターフェースを提供します。次の図は、CloudFlow Studio編集モードのワークフローの編集ページのセクションを示しています。

    image

    • ① [メニューバー]

      このセクションでは、ワークフロー スタジオの [cloudflow Studio]、[YAML]、および [ワークフローの構成] タブを切り替えることができます。

    • ② [状態表示セクション]

      このセクションには、[アクション]、[フロー]、および [パターン] タブが含まれています。

      [アクション] タブでは、CloudFlow と統合できる他のAlibaba Cloudサービス（Elastic Computing、インターネットミドルウェア、データベース、AIなどのセクターのサービスを含む）のAPI操作を表示できます。 API操作ノードをワークフローキャンバスにドラッグアンドドロップできます。 各API操作ノードはタスク状態ノードです。

      [フロー] タブには、状態遷移を表示するために使用できる状態ノードのリストが提供されますが、特定の実行コンテンツは提供されません。 ワークフロースタジオでは、次のフローノードが提供されています。選択、並列、マップ状態、パス、待機、成功、失敗。

      [パターン] タブには、CloudFlow によってプリセットされているワークフロー構築モジュールが表示されます。 モジュールをワークフローキャンバスにドラッグアンドドロップして、ワークフローを作成できます。

    • ③ [ワークフローキャンバスセクション]

      状態表示セクションの [アクション]、[フロー]、[パターン] タブからワークフローキャンバスセクションにノードをドラッグできます。 また、ワークフロー内の既存の状態ノードをドラッグアンドドロップして、順序を調整し、カスタムワークフローを作成することもできます。

    • ④ [パラメーター構成セクション]

      ワークフローキャンバスのカスタムワークフローで状態ノードをクリックすると、[パラメーター設定] セクションで状態ノードのプロパティを設定および表示できます。

    • ⑤ [機能ボタンセクション]

      このセクションには、[保存]、[終了]、[実行] など、ワークフローの一般的な機能ボタンが用意されています。 image

    CloudFlow Studioタブの3つの操作セクションで、次の操作を実行できます。

    状態表示セクション

    状態表示セクションで、[アクション]、[フロー]、または [パターン] タブをクリックします。 次に、状態ノード（API操作ノード）またはフローノードをキャンバスにドラッグします。 また、状態表示セクションの上部にある検索ボックスにキーワードを入力して、ノードを検索することもできます。

    image

    ワークフローキャンバスセクション

    ワークフローキャンバスでは、ノードをドラッグアンドドロップしてカスタムフローチャートを作成できます。 また、ワークフローを編集するときに、オンラインモードでワークフローをデバッグして、実行可能なワークフローを生成することもできます。

    フローチャートの生成

    状態表示セクションからワークフローキャンバスセクションの適切な位置に、水平線または垂直線が表示されるまで、状態ノード（API操作ノード）またはフローノードをドラッグできます。 このようにして、ビジネス要件を満たすカスタムフローチャートを作成できます。 ワークフロースタジオは、フローチャートを生成するときに自動的にコードを生成します。 手動でコードを記述する必要はありません。

    image.png

    ワークフローキャンバスの左上隅にあるボタンをクリックして、キャンバスを拡大または縮小したり、フローチャートを中央に配置したり、選択した状態ノード（API操作ノード）またはフローノードを削除したり、前のアクションを元に戻したりすることもできます。

    image.png

    ワークフローのデバッグ

    状態ノードのパラメーターを構成している場合は、フローチャートの編集時にオンラインモードでワークフローをデバッグできます。 ポインターを状態ノードの上に移動し、状態ノードの右側にある image.png アイコンをクリックして、ワークフローをデバッグします。 デバッグが完了したら、image.png アイコンをクリックしてデバッグ結果を表示します。

    image.png

    パラメーター構成セクション

    状態表示セクションからワークフローキャンバスセクションに状態ノード（API操作ノード）またはフローノードをドラッグアンドドロップしたら、ノードを構成する必要があります。 キャンバスで構成するノードをクリックします。 次に、パラメーター構成セクションで [基本設定]、[入力設定]、[出力設定]、および [トラブルシューティング] 構成を行います。

    image

    次の表に、InvokeFunctionタスク状態ノードに構成する必要がある主要なパラメーターを示します。 その他のパラメーターについては、デフォルト値を使用します。

    [カテゴリ]

    [パラメーター]

    [説明]

    [例]

    [基本設定]

    [状態名]

    状態ノードの名前。 名前は状態の機能を表します。

    InvokeFunction

    [呼び出しパラメーター]

    呼び出す [関数] の名前、[バージョンまたはエイリアス]、呼び出しメソッド、および関数をトリガーするペイロード。

    また、[呼び出しパラメーター] の横にある [YAML編集に切り替える] をクリックして、YAMLスクリプトで関数の名前、バージョンまたはエイリアス、および呼び出しメソッドを指定することもできます。

    YAMLスクリプトの例：

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

    [関数]

    呼び出す関数の名前。

    myfunction

    [バージョンまたはエイリアス]

    呼び出す関数のバージョンまたはエイリアス。

    LATEST

    [関数の呼び出しメソッド]

    関数呼び出しに使用するメソッド。 有効な値：同期呼び出しと非同期呼び出し。 関数の呼び出しメソッドの詳細については、「関数の呼び出し」をご参照ください。

    同期呼び出し

    [リクエストロード]

    関数をトリガーするペイロード。 YAMLまたはJSON形式でペイロードを入力できます。

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

    [次の状態]

    ワークフローを遷移させる次の状態。 設定はリアルタイムで有効になります。

    並列

    [入力設定]

    入力のフィルタリング方法。 有効な値：

    • JSONPathを使用して一部のパラメーターを選択する：コードエディターにフィルター式を入力します。 JSONPathを使用して、パラメーターオブジェクトをノード入力としてフィルタリングします。

    • 元の入力をノード入力として使用する：ノードの元の入力をノード入力として使用します。

    • パラメーターフィルターを使用してパラメーターを構築する：パラメーターフィルターを使用して、新しいパラメーターをノード入力として構築します。 YAMLまたはJSON形式でパラメーターを構築できます。 例：

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

    [出力設定]

    出力のフィルタリング方法。 有効な値：

    • JSONPathを使用して一部のパラメーターを選択する：コードエディターにフィルター式を入力します。 JSONPathを使用して、有効な出力パラメーターオブジェクトをノード出力としてフィルタリングします。

    • 生の入力を出力に渡す：ノードの元の入力をノード出力としてダウンストリームに渡します。

    • パラメーターフィルターを使用してパラメーターを構築する：パラメーターフィルターを使用して、新しいパラメーターをノード出力として構築します。 YAMLまたはJSON形式でパラメーターを構築できます。 例：

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

    [トラブルシューティング]

    [エラー時に再試行]：エラーがキャッチされたときに適用される再試行ポリシー。 [再試行を追加] をクリックして、再試行ポリシーを追加します。

    [エラータイプ]

    ヒットする可能性のあるエラータイプ。 1つ以上のエラータイプを選択できます。

    FC.BadResponse

    [最大再試行回数]

    許可される最大再試行回数。

    5

    [再試行間隔（秒）]

    再試行間隔。 最大値：86400。 単位：秒。

    3

    [バックオフ乗数]

    再試行間隔が増加する乗数。

    1

    [最大バックオフ秒数]

    指数関数的フォールバックモードで再試行を実行する必要がある最大秒数。

    5

    [エラーと例外をキャプチャする]：エラーまたは例外がキャッチされたときにワークフローを予期された状態に復元するために適用されるキャプチャルール。 [キャプチャルールを追加] をクリックして、キャプチャルールを追加します。

    [エラータイプ]

    ヒットする可能性のあるエラータイプ。 1つ以上のエラータイプを選択できます。

    FC.EntitvToolLarge

    [フォールバックステータス]

    指定されたエラーがキャッチされたときにワークフローが戻る状態。

    Hello World

    [レスポンス]

    指定されたエラーがキャッチされたときに返される結果。 結果にはエラーが含まれており、エラーはフォールバック状態ノードの入力に追加されます。 YAMLまたはJSON形式でレスポンスを構成できます。

    {
"key":string"hello world"
}

    YAML

    YAML編集モードでは、YAMLコードエディターと視覚化ツールを提供して、記述されたコードをリアルタイムで視覚化します。 次の図は、YAML編集モードのワークフローの編集ページのセクションを示しています。

    image

    • ① [メニューバー]

      このセクションでは、ワークフロースタジオの [cloudflow Studio]、[YAML]、および [ワークフローの構成] タブを切り替えることができます。

    • ② [YAMLコード編集セクション]

      このセクションでは、ワークフローのプロセスをYAML形式で記述および編集できます。

    • ③ [視覚化セクション]

      このセクションでは、視覚化されたワークフローをリアルタイムで提供します。 ワークフローから特定のノードを削除できます。

    • ④ [機能ボタンセクション]

      このセクションには、[保存]、[終了]、[実行] など、ワークフローの一般的な機能ボタンが用意されています。 image

    YAMLタブの2つの操作セクションで、次の操作を実行できます。

    YAMLコード編集セクション

    YAMLコードエディターを使用すると、WorkFlow StudioでワークフローをYAML形式で記述および編集できます。 YAMLコードエディターでワークフローの定義を更新すると、視覚化ツールは視覚化セクションにワークフローのリアルタイムチャートをレンダリングします。 更新されたフローチャートは、CloudFlow Studioタブでも表示できます。

    CloudFlow Studioタブで状態ノードの順序を変更、削除、または追加するか、YAMLタブの視覚化セクションで状態ノードを削除すると、YAMLコードが自動的に更新されます。

    視覚化セクション

    視覚化セクションでは、ワークフローの全体アーキテクチャをリアルタイムで表示できます。 YAMLコードエディターでワークフローの定義を記述すると、視覚化ツールはワークフローのリアルタイムチャートをレンダリングします。 視覚化セクションでワークフローの状態ノードを削除すると、コードエディター内のワークフローの定義が自動的に更新されます。 ワークフロー定義を更新するか、YAMLコードエディターで状態ノードの順序を変更、削除、または追加すると、視覚化されたフローチャートが自動的に更新されます。

    ワークフローの定義を指定するYAMLコードが無効な場合、視覚化ツールはレンダリングを一時停止します。

    ワークフローの構成

    ワークフローの構成機能を使用すると、ワークフローに関する基本情報と、ワークフローの実行に使用されるロールを構成できます。 次の図は、ワークフローの編集ページのセクションを示しています。

    image

    • ① [メニューバー]

      このセクションでは、ワークフロースタジオの [cloudflow Studio]、[YAML]、および [ワークフローの構成] タブを切り替えることができます。

    • ② [基本構成]

      [基本構成] セクションでは、ワークフローの説明を入力して、ワークフローのビジネスコンテンツを識別し、理解するのに役立てることができます。 説明はワークフローリストに表示されます。

    • ③ [ロールの構成]

      • 既存の実行ロールを選択する：ドロップダウンリストから既存の実行ロールを選択します。 ロールにアタッチされているポリシーに、ステートマシンに想定させたい権限が含まれていることを確認してください。

      • ロールの作成：[ロールの作成] をクリックして、Resource Access Management ( RAM ) コンソールの [ロール] ページでロールを作成します。 詳細については、「実行ロールの作成」トピックの「実行ロールの作成」セクションをご参照ください。

    • ④ [機能ボタンセクション]

      このセクションには、[保存]、[終了]、[実行] など、ワークフローの一般的な機能ボタンが用意されています。 image