次の方法で共有


Azure Static Web Apps での API サポートの概要

フロントエンド Web アプリケーションは、多くの場合、データとサービスのバックエンド API を呼び出します。 Azure Static Web Apps は、Azure サービスとの統合を通じて、組み込みのサーバーレス API エンドポイントを提供します。

Azure Static Web Apps API の主な機能を次に示します。

  • ユーザー認証とロールベースの承認データに直接アクセスできる統合セキュリティ

  • カスタム CORS ルールを必要とせずにバックエンド /api ルートをフロントエンド Web アプリで使用できるようにするシームレスなルーティング

API オプション

次の Azure サービスを Azure Static Web Apps と統合できます。

サービス マネージド 独自のものを使用する
Azure Functions
Azure API Management
Azure App Service
Azure Container Apps
  • マネージド API: 既定では、Azure Static Web Apps は API バックエンドとして Azure Functions と自動的に統合されます。 個別の Azure Functions リソースを管理せずに、静的 Web アプリを使用して API をデプロイします。
  • 独自の API を使用する: 静的 Web アプリを、Azure Functions、API Management、App Service、または Container Apps でホストされている既存の API と統合できます。 API リソースは自分で管理およびデプロイします。

注意

独自の API は、Azure Static Web Apps の Standard プランでのみ使用できます。 組み込みのマネージド Azure Functions API は、すべての Azure Static Web Apps プランで使用できます。

API 制約

すべての API バックエンドには、次の制約が適用されます。

  • 各静的 Web アプリ環境には、一度に 1 種類のバックエンド API のみ構成できます。
  • API ルートのプレフィックスは、/api である必要があります。
  • API のルート規則では、リダイレクトロールによるルートのセキュリティ保護のみがサポートされます。
  • API では HTTP 要求のみがサポートされています。 たとえば、WebSocket はサポートされていません。
  • 各 API 要求の最大期間は 45 秒です。
  • ネットワーク分離型のバックエンドはサポートされていません。

Bring your Own API バックエンドには、以下の制約が適用されます。

  • /api ルートへの要求を解決する前に、アプリケーションを静的 Web アプリにデプロイする必要があります。
  • Bring your own API バックエンドを、Static Web Apps の pull request 環境にリンクすることはできません。

次のステップ