構成の概要
静的 Web アプリの構成には、次のようなさまざまな概念が適用されます。
アプリケーション構成:
staticwebapp.config.json
ファイル内で規則を定義して、アプリケーションの動作と機能を制御します。 このファイルを使用して、ルートおよびセキュリティ規則、カスタム ヘッダー、およびネットワーク設定を定義します。ビルド構成: ビルド プロセスを制御する設定を定義します。
アプリケーション設定: バックエンド API で使用できるアプリケーションレベルの設定と環境変数を設定します。
シナリオ例
目的 | 対応方法 |
---|---|
ルーティング規則の定義 | staticwebapp.config.json ファイル内で規則を作成する |
ビルドをトリガーするブランチの設定 | ビルド構成ファイル内で追跡対象のブランチ名を更新する |
ルートへのアクセス権を持つセキュリティ ロールの定義 | staticwebapp.config.json ファイル内でロールを使用してルートをセキュリティで保護する |
ルートが実際のファイルと一致しない場合にどの HTML ファイルが提供されるかの設定 | staticwebapp.config.json ファイル内でフォールバック ルートを定義する |
HTTP 要求のグローバル ヘッダーの設定 | staticwebapp.config.json ファイル内でグローバル ヘッダーを定義する |
カスタム ビルド コマンドの定義 | アプリケーション構成ファイル内でカスタム ビルド コマンド値を設定する |
フロントエンド ビルドの環境変数の設定 | ビルド構成ファイル内で環境変数を定義する |
API の環境変数の設定 | ポータル内でアプリケーション設定を設定する |