アプリ間で Amplify バックエンドを使用する (Gen 1 アプリ専用) - AWS Amplify ホスティング

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

アプリ間で Amplify バックエンドを使用する (Gen 1 アプリ専用)

注記

このセクションの情報は、Gen 1 アプリケーション専用です。Gen 2 アプリのバックエンドリソースを共有する場合は、「Amplify ドキュメント」の「ブランチ間でリソースを共有する」を参照してください

Amplify では、特定のリージョンのすべての Gen 1 アプリで既存のバックエンド環境を簡単に再利用できます。これは、新しいアプリを作成したり、新しいブランチを既存のアプリに接続したり、既存のフロントエンドを更新して別のバックエンド環境を指すようにする際に活用できます。

新しいアプリを作成するときはバックエンドを再利用してください

新しい Amplify のアプリを作成するときにバックエンドを再利用するには
  1. AWS Management Console にサインインし、Amplify コンソールを開きます。

  2. この例で使用する新規バックエンドを作成するには、以下を実行します。

    1. ナビゲーションペインで、[すべてのアプリ]を選択します。

    2. [新規アプリ]、[アプリを構築] の順に選択します。

    3. アプリの名前 (Example-Amplify-App など) を入力します。

    4. [デプロイを確認] を選択します。

  3. フロントエンドを新しいバックエンドに接続するには、[ホスティング環境] タブを選択します。

  4. Git プロバイダーを接続してから [ブランチを接続]を選択します。

  5. リポジトリブランチを追加」ページの「最近更新されたリポジトリ」で、リポジトリ名を選択します。[ブランチ] では、リポジトリから接続するブランチを選択します。

  6. [ビルドの設定]ページで、以下の操作を行います。

    1. [アプリ名] では、バックエンド環境の追加に使用するアプリを選択します。現在のアプリ、または現在のリージョンの他のアプリを選択できます。

    2. [環境] では、追加するバックエンド環境の名前を選択します。既存の環境を使用するか、新しい環境を作成できます。

    3. デフォルトでは、フルスタック CI/CD はオフになっています。フルスタック CI/CD をオフにすると、アプリはプルオンリーモードで実行されます。ビルド時に、Amplify はバックエンド環境を変更せずに aws-exports.js ファイルのみを自動的に生成します。

    4. 既存のサービスロールを選択して、アプリのバックエンドを変更するために必要な権限を Amplify に付与します。サービスロールを作成する必要がある場合は、[新しいロールを作成]を選択します。サービスロールの作成の詳細については、「Amplify アプリへのサービスロールの追加」を参照してください。

    5. [Next] を選択します。

  7. [保存してデプロイ] を選択します。

ブランチを既存のアプリに接続するときはバックエンドを再利用してください。

ブランチを既存の Amplify アプリに接続するときにバックエンドを再利用するには
  1. AWS Management Console にサインインし、Amplify コンソールを開きます。

  2. 新しいブランチを接続するアプリを選択します。

  3. ナビゲーションペインで、[アプリの設定]、[全般]の順に選択します。

  4. ブランチ」セクションで、[ブランチを接続] を選択します。

  5. リポジトリブランチを追加」ページの [ブランチ] で、リポジトリから接続するブランチを選択します。

  6. [アプリ名] では、バックエンド環境の追加に使用するアプリを選択します。現在のアプリ、または現在のリージョンの他のアプリを選択できます。

  7. [環境] では、追加するバックエンド環境の名前を選択します。既存の環境を使用するか、新しい環境を作成できます。

  8. アプリのバックエンドを変更するために必要な権限を Amplify に付与するサービスロールを設定する必要がある場合、コンソールからこのタスクを実行するように求められます。サービスロールの作成の詳細については、「Amplify アプリへのサービスロールの追加」を参照してください。

  9. デフォルトでは、フルスタック CI/CD はオフになっています。フルスタック CI/CD をオフにすると、アプリはプルオンリーモードで実行されます。ビルド時に、Amplify はバックエンド環境を変更せずに aws-exports.js ファイルのみを自動的に生成します。

  10. [Next] を選択します。

  11. [保存してデプロイ] を選択します。

既存のフロントエンドを編集して、別のバックエンドを指すようにします

フロントエンド Amplify のアプリを編集して別のバックエンドを指すようにするには
  1. AWS Management Console にサインインし、Amplify コンソールを開きます。

  2. バックエンドを編集するアプリを選択します。

  3. [ホスティング環境] タブを選択します。

  4. 編集するブランチを見つけて [編集] を選択します。

    Amplify コンソールのブランチの [編集] リンクの場所。
  5. このブランチで使用するバックエンド環境を選択」ページの [アプリ名] で、バックエンド環境を編集したいフロントエンドアプリを選択します。現在のアプリ、または現在のリージョンの他のアプリを選択できます。

  6. [バックエンド環境] では、追加するバックエンド環境の名前を選択します。

  7. デフォルトでは、フルスタック CI/CD は有効になっています。このオプションのチェックを外すと、このバックエンドのフルスタック CI/CD がオフになります。フルスタック CI/CD をオフにすると、アプリはプルオンリーモードで実行されます。ビルド時に、Amplify はバックエンド環境を変更せずに aws-exports.js ファイルのみを自動的に生成します。

  8. [Save] を選択します。Amplify は、次回アプリケーションを構築するときに、これらの変更を適用します。