次の方法で共有

サンプルのポータル Web API コンポーネントを実装する

  • [アーティクル]

注意

2022 年 10 月 12 日より、Power Apps ポータルは Power Pages となります。 詳細: Microsoft Power Pages の一般提供が開始されました (ブログ)
Power Apps ポータルのドキュメントは、近日中に Power Pages ドキュメントに移行、統合されます。

以下は、ポータル Web API を使用して、作成、取得、更新、削除のアクションを実行するコード コンポーネントの実装例です。 コンポーネントは 4 つのボタンを表示して、これらのボタンをクリックして異なる Web API のアクションを呼び出せます。 Web API 呼び出しの結果は、コード コンポーネント下部の HTML div 要素に挿入されます。

ポータル Web API を使用したコンポーネントの例。

前提条件

コード

完全なサンプル コンポーネントは、こちら からダウンロードできます。

サンプルでは既定でコンポーネントは、Web API の例で名前と売上のフィールドの作成、取得、設定を実行するように構成されています。

既定の構成を任意のテーブルや列に変更するには、次の構成値を以下のように更新します

private static \_entityName = "account";

private static \_requiredAttributeName = "name";

private static \_requiredAttributeValue = "Web API Custom Control (Sample)";

private static \_currencyAttributeName = "revenue";

private static \_currencyAttributeNameFriendlyName = "annual revenue";

createRecord メソッドは、売上フィールドが異なる値 (100、200、300) に設定された取引先企業レコードを作成できる 3 つのボタンを表示します。

作成ボタンのいずれかを選択すると、ボタンの onClick イベント ハンドラーは選択されたボタンの値を確認し、Web API アクションを使用して、売上フィールドがボタンの値に設定された取引先企業レコードを作成します。 取引先企業レコードの名前フィールドは、文字列の末尾にランダムな int が追加された Web API コード コンポーネント (サンプル) に設定されます。 Web API 呼び出しからの callback メソッドは、呼び出しの結果 (成功または失敗) をカスタム コントロールの結果 div に挿入します。

deleteRecord メソッドは、ドロップダウンで選択したレコードを削除するボタンを表示します。 ドロップダウン コントロールで削除する取引先企業レコードを選択できます。 ドロップダウンから取引先企業レコードを選択し、レコードを削除 ボタンを選択すると、レコードが削除されます。 Web API 呼び出しからの callback メソッドは、呼び出しの結果 (成功または失敗) をカスタム コントロールの結果 div に挿入します。

FetchXML の retrieveMultiple メソッドはコード コンポーネントにボタンを表示します。 このボタンの onClick メソッド呼び出されると、FetchXML が生成されて retrieveMultiple 関数に渡され、すべての取引先企業レコードに対する売上フィールドの平均値が計算されます。 Web API 呼び出しからの callback メソッドは、呼び出しの結果 (成功または失敗) をカスタム コントロールの結果 div に挿入します。

OData の retrieveMultiple メソッドはコード コンポーネントのボタンを表示します。 このボタンの onClick メソッドが呼び出されると、OData 文字列が生成され、コード コンポーネント Web API (サンプル) のような名前フィールドを持つすべての取引先企業レコードを取得するために retrieveMultiple 関数に渡されます。これは、このコード コンポーネントで作成された、すべての取引先企業レコードに当てはまります。

レコードが正常に取得されると、コード コンポーネントには売上フィールドが 100、200、または 300 に設定された取引先企業レコードを数えるロジックがあり、この数をコード コンポーネント上で OData ステータスのコンテナ div に表示します。 Web API 呼び出しからの callback メソッドは、呼び出しの結果 (成功または失敗) をカスタム コントロールの結果 div に挿入します。

関連情報

Power Apps Component Framework の概要
サンプル コンポーネントをダウンロード
サンプルコンポーネントの使用方法
最初のコンポーネントを作成する
モデル駆動型アプリのフィールドまたはテーブルにコード コンポーネントを追加する
コード コンポーネントの Liquid テンプレート タグ
ポータル Web API

注意

ドキュメントの言語設定についてお聞かせください。 簡単な調査を行います。 (この調査は英語です)

この調査には約 7 分かかります。 個人データは収集されません (プライバシー ステートメント)。