Power Automate フローをトリガーできるキャンバス アプリを作成する

Power Automate を使用すると、キャンバス アプリ内でイベントが発生したときに 1 つ以上のタスクを実行するロジックを作成できます。 たとえば、ボタンを構成して、ユーザーがそれを選択すると、リストの項目の作成、メールや会議出席依頼の送信、クラウドへのファイルの追加、またはそれらのすべてを行うことができます。 アプリ内のどのコントロールもフローを開始するように構成でき、アプリを閉じても実行され続けます。

この記事では、キャンバス アプリを使用してフローを作成およびトリガーする方法について説明します。

このビデオでは、フローをトリガーできるキャンバス アプリを作成する方法を説明します:

前提条件

このレッスンを完了するには、Dataverse データベースで Power Automate と Power Apps 環境が必要です。 ライセンスがない場合は、Power Apps 開発者プラン に新規登録するか、Power Apps の試用版 を使用できます。

試用版環境の作成

Power Apps の環境は、組織のビジネス データ、アプリ、チャットボット、フローを保存、管理、共有する場所です。 さまざまな役割、セキュリティ要件や対象ユーザーを持ち、アプリを分離するコンテナーとしても機能します。 各環境では 1 つの Dataverse データベースを持つことができます。

このレッスンを完了するために必要なものが揃っていることを確認するために、Dataverse データベースを含む新しい環境を作成します。 この 30 日間の試用版は、30 日が経過すると終了しますが、保持する場合はサンドボックスまたは運用環境にアップグレードできます。

Dataverse データベースを含むトライアル環境およびこの記事で使用されているサンプルデータを作成します。

  1. Power Platform 管理センターに移動します。

  2. 環境を選択します。

  3. 新規をクリックします。

  4. 環境に Dataverse 試用版と名付けます。

  5. 環境タイプに試用版を選択します。

  6. データベースを作成するはいに切り替えます。

  7. 次へ を選択します。

  8. サンプル アプリおよびデータの展開はいに切り替えます。

  9. 保存を選択します。

試用版環境が作成され、Dataverse データベースとサンプル データが含まれます。

キャンバス アプリを作成する

このレッスンでは、Dataverse の取引先企業 テーブルを使用して顧客取引先企業を検索、表示、作成するためのアプリを作成します。

  1. 空白のキャンバス アプリ を作成することから始めます。

  2. ギャラリーの作成 を選択します。

    ギャラリーを作成する

  3. アカウント テーブルを選択します。

  4. ギャラリーを画面の下部に拡大し、上部に アカウント というテキストのラベルを追加します。 次に、以下に示す他のプロパティを更新します。

    プロパティ 価値
    フォント Open Sans
    フォント サイズ 21
    フォントの太さ 太字
    テキストの位置合わせ 中央
    自動高さ オフに切り替え
    行の高さ 1.2
    オーバーフロー 非表示
    表示モード 編集​​
    表示可能 次の日付と等しい
    Position (X, Y) 0, 0
    Size (Width, Height) 640, 71
    パディング 5 上、5 下、5 左、5 右

    ギャラリー プロパティを更新する

  5. 挿入 > アイコン > 追加 を選択して、画面の右上に 追加 アイコンを追加します。 次に、アイコンのプロパティを、色を白にし、すべての側面からパディングを 5 に更新します。

    追加アイコンを追加する

  6. 画面の左上から 新しい画面 > フォーム を選択します。

    新しいフォームを追加する

  7. 新規アカウント にフォームのタイトルを更新し、画面右側のペインから アカウント としてデータ ソースを選択します。

    タイトルを更新して、データ ソースを選択する

  8. 右ウィンドウで フィールドの編集 を選択します。

    フィールドの編集を選択します。

  9. フィールドを追加 を選択し、メール をフォームに追加します。

    メール フィールドを追加します。

    メール フィールドがフォームに追加されます。

    メール フィールドが追加されます。

  10. フォームの既定モードを 新規 に設定します。

    既定のフォーム モード

  11. アカウント ギャラリーがあるスクリーン 1 を選択し、+ アイコンの OnSelect プロパティを Navigate(Screen2) に設定します。

    screen 2 へのナビゲーションを構成する

  12. 挿入 > 新しい画面 > 空白画面 を選択して、アプリに新しい画面を追加します。

  13. 挿入 > アイコン を選択し、チェック (バッジ) アイコンを選択して、画面に追加します。

    バッジ アイコンを挿入する

  14. アイコンをキャンバスの上部中央に移動します。

    アイコンを中央上部に移動する

  15. アカウントが正常に作成されました! というテキストのラベルを追加し、前のステップで追加したアイコンの下に移動します。

    !["アカウントの追加が正常に作成されました" ラベル](media/trigger-flow/build-a-canvas-app-18.png ""アカウントの追加が正常に作成されました" ラベル")

  16. 前のステップで追加したラベルの下に お客様にウェルカム メモを送信しますか? というテキストのラベルを追加します。

    お客様にウェルカム メモを送信する

  17. 挿入 > 入力 > テキスト入力 を選択して、テキスト入力 ボックスを追加します。 コントロールの モード複数行 に設定し、既定のテキストを アカウントを作成していただきありがとうございます。ご利用お待ちしております! に設定します。 そして、前のステップで追加したラベルの下にコントロールを移動します。

    複数行のテキスト入力コントロールを追加する

  18. Screen3OnVisible プロパティを Reset(TextInput1) に設定します。

    screen 3 の OnVisible プロパティ

  19. はいいいえ というテキストの 2 つのボタンを画面に追加し、前のステップで追加した入力テキスト ボックスの下に配置します。

    !["はい" "いいえ" ボタン](media/trigger-flow/build-a-canvas-app-22.png ""はい" "いいえ" ボタン")

  20. 新規アカウント フォーム画面に移動し、画面の OnVisible プロパティを ResetForm(EditForm3) に設定します。

    新規アカウント フォームの OnVisible プロパティ

  21. 右上のチェック アイコンを選択し、OnSelect プロパティを SubmitForm(EditForm3);Navigate(Screen3) に設定します。

    screen 3 に移動する

  22. 右上の X ボタンを選択し、OnSelect プロパティを Back() に設定します。

    閉じるための Back 関数

  23. Screen3 に、ツリー ビューで Screen3 を選択して戻ります。

    screen 3 に移動する

  24. いいえ ボタンを選択し、ボタンの OnSelect プロパティを Navigate(Screen1) に設定します。

    スクリーン 1 に移動する

  25. はい ボタンを選択し、アプリオの作成メニューで Power Automate を選択します。

    ![アプリオの作成メニューから Power Automate を選択します。](media/trigger-flow/build-a-canvas-app-28-1.png ""はい" ボタンを選択し、上部にあるアクションを選択する")

  26. 新しいフローの作成 を選択して、新しい Power Automate フローを作成します。

    ![新規フローの作成を選択します。](media/trigger-flow/build-a-canvas-app-29-1.png ""新しいフローの作成" を選択して作成する")

Power Automate Flow を作成する

  1. フローの作成画面で、インスタント テンプレートの一覧から、Power Apps のボタンをクリックしてメールを送信するを選択します。

    Power Apps のボタンをクリックしてメールを送信するテンプレートを選択します。

  2. フローの名前を "Power Apps によってトリガーされたフロー" と入力し、トリガーとして Power Apps を選択します。

    フローの名前を入力する

  3. 詳細モードで編集を選択し、継続を選択します。

    詳細モードでフローを編集する

  4. 宛先 フィールドと 本文 フィールドには、自動的に以下の内容が自動入力されます:

    • 宛先: Sendanemail(V2)_To
    • 本文: Sendanemail(V2)_Body
  5. 件名 フィールドで、Sendanemail(V2)_To を削除して いつもご利用ありがとうございます を入力します 件名 フィールドに。

    !["ご愛顧いただきありがとうございます" を入力する](media/trigger-flow/add-subject.png ""ご愛顧いただきありがとうございます" を入力する")

  6. 保存を選択して、フローを保存します。

キャンバス アプリ内からフローをトリガーする

  1. はい ボタンを選択 > OnSelect プロパティに、「宛先のメールアドレス」と「メールの本文」の 2 つのパラメータを以下のように入力します:

    FlowtriggeredbyaPowerapp.Run(
       EditForm3.LastSubmit.Email,
       TextInput1.Text
    );
    Navigate(Screen1);
    

    注意

    メール アドレスは、前の画面で作成した新しいアカウント レコードから取得されます。 メールの本文は、この画面でキャプチャされたテキスト ボックスのテキストから選択されます。

    To メール アドレスの 2 つのパラメータを入力する

アプリをテストする

アプリをプレビュー モードで実行します。 このテストでは、新規アカウント 画面でアカウント名、電話番号、都市、メール アドレスなどの詳細を入力して新しいアカウントを作成します。 新しいアカウントの詳細を保存すると、メールの文言を更新できるメールを顧客に送信するように求められるので、はい を選択してメールを送信します。 これによりフローがトリガーされ、アカウントのメール アドレスにメールが送信されます。

アプリをプレビュー モードで実行する

アカウント名などの詳細を入力して、新しいアカウントを作成する

このようなメールが受信トレイに表示されます

このようなメールが受信トレイに表示されます

参照

Power Automate ペインを使用する