構成の概要

静的 Web アプリの構成には、次のようなさまざまな概念が適用されます。

  • アプリケーション構成: staticwebapp.config.json ファイル内で規則を定義して、アプリケーションの動作と機能を制御します。 このファイルを使用して、ルートおよびセキュリティ規則、カスタム ヘッダー、およびネットワーク設定を定義します。

  • ビルド構成: ビルド プロセスを制御する設定を定義します。

  • アプリケーション設定: バックエンド API で使用できるアプリケーションレベルの設定と環境変数を設定します。

シナリオ例

目的 対応方法
ルーティング規則の定義 staticwebapp.config.json ファイル内で規則を作成する
ビルドをトリガーするブランチの設定 ビルド構成ファイル内で追跡対象のブランチ名を更新する
ルートへのアクセス権を持つセキュリティ ロールの定義 staticwebapp.config.json ファイル内でロールを使用してルートをセキュリティで保護する
ルートが実際のファイルと一致しない場合にどの HTML ファイルが提供されるかの設定 staticwebapp.config.json ファイル内でフォールバック ルートを定義する
HTTP 要求のグローバル ヘッダーの設定 staticwebapp.config.json ファイル内でグローバル ヘッダーを定義する
カスタム ビルド コマンドの定義 アプリケーション構成ファイル内でカスタム ビルド コマンド値を設定する
フロントエンド ビルドの環境変数の設定 ビルド構成ファイル内で環境変数を定義する
API の環境変数の設定 ポータル内でアプリケーション設定を設定する

次のステップ