カスタムヘッダーのビルド仕様と amplify.yml からの移行

AWS Management Console にサインインし、Amplify コンソールを開きます。

カスタムヘッダーの移行を実行するアプリを選択します。

ナビゲーションペインで [ホスティング]、[ビルド設定] を選択します。「アプリビルド仕様」セクションでは、アプリのビルドスペックを確認できます。

[ダウンロード] を選択して、現在のビルドスペックのコピーを保存します。設定を復元する必要がある場合、後でこのコピーを参照できます。

ダウンロードが完了したら、[編集]を選択します。

ファイル内のカスタムヘッダー情報は、後ほどステップ 9 で使用するので、メモしておいてください。「編集」ウィンドウで、ファイルからカスタムヘッダーをすべて削除し、[保存] を選択します。

ナビゲーションペインで、[ホスティング]、[カスタムヘッダー] を選択します。

[カスタムヘッダー] ページで、[編集] を選択します。

[カスタムヘッダーの編集] ウィンドウに、ステップ 6 で削除したカスタムヘッダーの情報を入力します。

[Save] を選択します。

新しいカスタムヘッダーを適用したいブランチをすべて再デプロイします。

アプリのルートディレクトリに現在デプロイされている amplify.yml ファイルに移動します。

適切なエディタで、amplify.ymlファイルを開きます。

ファイル内のカスタムヘッダー情報は、後ほどステップ 8 で使用するので、メモしておいてください。ファイル内のカスタムヘッダーを削除します。ファイルを保存して閉じます。

AWS Management Console にサインインし、Amplify コンソールを開きます。

カスタムヘッダーを設定するアプリを選びます。

ナビゲーションペインで、[ホスティング]、[カスタムヘッダー] を選択します。

[カスタムヘッダー] ページで、[ダウンロード] を選択します。

ダウンロードした customHttp.yml ファイルを任意のコードエディターで開き、ステップ 3 の amplify.yml から削除したカスタムヘッダーの情報を入力します。

編集した customHttp.yml ファイルをプロジェクトのルートディレクトリに保存します。モノレポを使用している場合は、リポジトリのルートにファイルを保存します。

アプリを再デプロイして新しいカスタムヘッダーを適用します。

• CI/CD アプリの場合、新しい customHttp.yml ファイルを含む Git リポジトリから新しいビルドを実行します。

• 手動デプロイアプリの場合、Amplify のコンソールにアプリを再度デプロイし、アップロードしたアーティファクトを含む新しい customHttp.yml ファイルを含めます。