

翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

# カスタムヘッダーのビルド仕様と amplify.yml からの移行
<a name="migrate-custom-headers"></a>

以前は、Amplify コンソールのビルド仕様を編集するか、`amplify.yml` ファイルをダウンロードして更新し、プロジェクトのルートディレクトリに保存することで、アプリにカスタム HTTP ヘッダーを指定していました。カスタムヘッダーをビルド使用と `amplify.yml` ファイルから移行することを強くお勧めします。

Amplify コンソールの **[カスタムヘッダー]** セクションでカスタムヘッダーを指定するか、または `customHttp.yml` ファイルをダウンロードして編集して指定します。

**Amplify のコンソールに保存されているカスタムヘッダーを移行するには**

1. にサインイン AWS マネジメントコンソール し、[Amplify コンソール](https://console.aws.amazon.com/amplify/)を開きます。

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

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

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

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

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

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

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

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

1. **[保存]** を選択します。

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

**カスタムヘッダーを amplify.yml から customHTTP.yml に移行するには**

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

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

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

1. にサインイン AWS マネジメントコンソール し、[Amplify コンソール](https://console.aws.amazon.com/amplify/)を開きます。

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

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

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

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

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

1. アプリを再デプロイして新しいカスタムヘッダーを適用します。
   + CI/CD アプリの場合、新しい `customHttp.yml` ファイルを含む Git リポジトリから新しいビルドを実行します。
   + 手動デプロイアプリの場合、Amplify のコンソールにアプリを再度デプロイし、アップロードしたアーティファクトを含む新しい `customHttp.yml` ファイルを含めます。

**注記**  
`customHttp.yml` ファイルで設定され、アプリのルートディレクトリにデプロイされたカスタムヘッダーは、Amplify コンソールの **[カスタムヘッダー]** セクションで定義されたカスタムヘッダーよりも優先されます。