適用対象: すべての API Management レベル
クロスオリジン リソース共有 (CORS) は、サーバーがブラウザーに対してリソースの読み込みを許可すべき自身以外の配信元（ドメイン、スキーム、またはポート）を示すことができるHTTPヘッダーベースのメカニズムです。 お客様は、Azure API Management の Web API に CORS ポリシー を追加できます。これにより、ブラウザー ベースのクライアントからのクロスドメイン呼び出しを許可する操作または API にクロスオリジン リソース共有のサポートが追加されます。
API Management から Power Platform の カスタム コネクタ として API をエクスポートし、Power Apps や Power Automate などのブラウザー ベースのクライアントを使用して API を呼び出す場合は、Power Platform アプリケーションからのクロスオリジン要求を明示的に有効にするように API を構成する必要があります。 この記事では、次の 2 つの必要なポリシー設定を構成する方法について説明します。
- API に CORS ポリシーを追加する
- HTTP 要求に Origin ヘッダーを設定するポリシーをカスタム コネクタに追加する
[前提条件]
- 次のクイック スタートを完了する: Azure API Management インスタンスを作成する
- API Management インスタンスからカスタム コネクタとして Power Platform 環境に API をエクスポートする
API Management で API に CORS ポリシーを追加する
API Management で CORS ポリシーを構成するには、次の手順に従います。
- Azure portal にサインインし、API Management インスタンスに移動します。
- 左側のメニューで、 API を 選択し、カスタム コネクタとしてエクスポートした API を選択します。 必要に応じて、ポリシーを適用する API 操作のみを選択します。
- [ポリシー] セクション の [ 受信処理 ] セクションで、[ + ポリシーの追加] を選択します。
- [ クロスオリジン リソース共有 (CORS) を許可する] を選択します。
-
次の許可されたオリジンを追加します:
https://make.powerapps.com。 - 保存 を選択します。
注
開発者ポータルのテスト コンソールを有効にするためにサービス (すべての API) レベルで既存の CORS ポリシーが既にある場合は、API または操作用に別のポリシーを構成する代わりに、 https://make.powerapps.com の配信元をそのポリシーに追加できます。
注
Power Platform アプリケーションでカスタム コネクタを使用する方法によっては、CORS ポリシーでより多くの配信元を構成することが必要になる場合があります。 Power Platform アプリケーションの実行時に CORS の問題が発生した場合は、ブラウザーの開発者ツール、API Management でのトレース、または Application Insights を使用して問題を調査します。
カスタム コネクタにポリシーを追加して Origin ヘッダーを設定する
Power Platform 環境のカスタム コネクタに次のポリシーを追加します。 ポリシーは、API Management で許可した CORS 配信元と一致するように Origin ヘッダーを設定します。
カスタム コネクタの設定の編集の詳細については、「カスタム コネクタ をゼロから作成する」を参照してください。
Power Apps または Power Automate にサインインします。
左側のウィンドウで、[ Data>Custom Connectors] を選択します。
カスタム コネクタの一覧からコネクタを選択します。
カスタム コネクタを編集するには、鉛筆 (編集) アイコンを選択します。
3. 定義を選択します。
[ ポリシー] で、[ + 新しいポリシー] を選択します。 次のポリシーの詳細を選択または入力します。
Setting 価値 名前 選択した名前で、例えばset-origin-headerなど Template HTTP ヘッダーを設定する ヘッダー名 元 ヘッダー値 https://make.powerapps.com(API Management で構成したのと同じ URL)ヘッダーが存在する場合のアクション override ポリシーの実行対象 依頼 
コネクタの更新 を選択します。
ポリシーを設定した後、5 に移動します 。 カスタム コネクタをテストするためのテスト ページ。