次の方法で共有


モデル駆動型アプリにカスタム ページを追加する

この記事では、最新のアプリ デザイナーを使用して、モデル駆動型アプリのカスタム ページを作成および編集する方法について説明します。

重要

カスタム ページは製品が大幅に変更された新機能であり、現在、カスタム ページの既知の問題 に概説されているいくつかの既知の制限があります。

この記事では、アプリ デザイナーでモデル駆動型アプリを開き、モデル駆動型アプリにカスタムページを追加する方法について説明します。 新しいモデル駆動型アプリを作成する必要がある場合は、アプリ デザイナーでモデル駆動型アプリを作成するにアクセスしてください。

カスタム ページを作成または編集する

カスタム ページは 2 つの場所から作成できます。 1 つ目は、最新のアプリ デザイナーでモデル駆動型アプリを作成しているときです。 もう 1 つは Power Apps のソリューション領域からです。 カスタム ページはソリューションエリアから編集できますが、make.powerapps.com のホームアプリ領域には表示されません。

ヒント

カスタム ページは、モダン アプリ デザイナー、または Power Apps のソリューション エリアから 新規>アプリ>ページ を使用してソリューションから作成する必要があります。 カスタム ページは、通常のスタンドアロン キャンバス アプリとは異なる種類のキャンバス アプリです。

最新のアプリ デザイナーから新しいカスタム ページを作成する

  1. make.powerapps.com を開く

  2. 左のナビゲーション ウィンドウで、ソリューション を選択します。 項目がサイド パネル ウィンドウに表示されない場合は、…さらに表示 を選択して、目的の項目を選択します。

  3. 既存のモデル駆動型アプリを含むソリューションを開きます。

  4. カスタム ページを追加するモデル駆動型アプリを選択し、コマンド バーの編集を選択します。

  5. アプリデザイナーで、コマンドバーのページの追加>カスタム ページを選択します。

  6. カスタム ページの作成 を選択します。

    新しいページでカスタム ページを選択

  7. キャンバス アプリ デザイナーがページを作成するために開きます。

    キャンバス デザイナーの新しいページ

  8. キャンバス アプリのカスタム ページの作成が終了したら、保存公開し、キャンバス アプリ デザイナーのブラウザー タブを閉じて、モデル駆動型アプリ デザイナーに戻ります。

ソリューション領域から新しいカスタム ページを作成する

  1. Power Apps にサインインします

  2. 左のナビゲーション ウィンドウから、ソリューションを選択します。 項目がサイド パネル ウィンドウに表示されない場合は、…さらに表示 を選択して、目的の項目を選択します。

  3. 新しいカスタム ページを含むソリューションを開くか作成します

  4. 新規 > アプリ > ページを選択します。

    ソリューション領域で新しいページを作成

既存のカスタム ページを編集する

  1. make.powerapps.com を開く

  2. 左のナビゲーション ウィンドウから、ソリューションを選択します。 項目がサイド パネル ウィンドウに表示されない場合は、…さらに表示 を選択して、目的の項目を選択します。

  3. 新しいカスタム ページを含むソリューションを開くか作成します。

  4. ページの種類でカスタム ページを選択し、編集を選択します。

    ソリューション領域の新しいページ

カスタム ページのコンテンツを作成する

  1. カスタム ページのコンテンツをデザインします。 詳細情報: モデル駆動型アプリのカスタム ページを設計する

  2. カスタム ページを保存し、公開します。

  3. キャンバス アプリ デザイナーを閉じます。

  4. アプリ デザイナーのブラウザー タブに戻り、解除を選択してアプリ デザイナーを更新します。

    ページ作成の解除プロンプト

  5. アプリ デザイナーで公開を選択し、変更されたカスタム ページをモデル駆動型アプリに追加します。

  6. プレビューを選択して新しいブラウザ タブでアプリを再生します。

既存のカスタム ページをサイトマップに追加する

  1. make.powerapps.com にサインインします

  2. モダン アプリ デザイナーを使用して、既存のモデル駆動型アプリを開きます。

  3. コマンドバーのページの追加>カスタム ページを選択します。

  4. 環境で利用可能なカスタムページのリストでカスタム ページを選択し、追加を選択します。

    アプリに追加する既存のカスタム ページを選択します

  5. 公開を選択します。アプリに変更があった場合は保存されます。

  6. 再生を選択して新しいブラウザ タブでアプリを実行します。

  7. アプリ デザイナーを閉じるには戻るを選択してソリューションに戻ります。

カスタムページを公開する

重要

現在、モデル駆動型アプリは、カスタムページを公開した後に再公開する必要があります。 そうしない場合は、モデル駆動型アプリは以前に公開されたカスタムページを引き続き使用します。

キャンバス デザイナでカスタム ページの変更を保存した後は、まずそのカスタム ページをキャンバス デザイナで公開する必要があります。 続いて、そのカスタムページを参照しているすべてのモデル駆動型アプリを公開する必要があります。

  1. キャンバス デザイナで 公開 を選択します

  2. アプリデザイナーまたはソリューションエクスプローラーから、カスタムページを参照している各モデル駆動型アプリで公開を選択します

関連情報

モデル駆動型アプリのカスタム ページの概要

モデル駆動型アプリのカスタム ページを設計する

カスタム ページで PowerFx を使用する

クライアント API を使用してカスタム ページに移動する

カスタム ページ デザイナーのコード コンポーネント