フルスタックブランチデプロイメント

Amplify code-first DX (Gen 2) は、フィーチャーブランチからインフラストラクチャとアプリケーションコードの変更を自動的にデプロイできるフルスタックブランチデプロイメントを提供しています。これにより、メインブランチにマージする前に、分離された環境で変更をテストできます。

フィーチャーブランチデプロイメントのセットアップ

初回ブランチをデプロイした後、手動で追加のブランチを接続することもできますが、推奨されるワークフローはブランチ自動検出機能を使用することです。

Amplify コンソールにログインし、アプリを選択します。
App settings > Branch settings に移動して、Edit を選択し、Branch auto-detection と Branch auto-disconnection を有効にします。次のビデオでは、デフォルト設定を使用して、リポジトリ内のすべてのブランチを自動的に接続します。Branch auto-disconnection により、リポジトリからブランチを削除した場合、ブランチもデプロイから削除されるようになります。

特定のブランチのみを接続するパターンを定義することもできます。たとえば、dev、staging、feature/* を設定すると、これら3つのブランチタイプがすべて自動的に接続されます。dev ブランチと staging ブランチ、および feature/ で始まるすべてのブランチが接続されます。

パターンに一致する feature/A および staging ブランチにコミットをプッシュします。コンソールページにデプロイが表示され始めます。これで3つのフルスタックブランチがデプロイされました。

Production、feature/A、および staging ブランチが Amplify コンソールのアプリ概要ページに表示されています。

本番環境への変更をプロモート

Gen 2 では、本番環境への変更のプロモートは、通常の Git ベースのワークフローに従います。

feature/A ブランチから main（本番）ブランチへの変更をマージするワークフロー。

feature/A ブランチで変更を行います。

Terminal
git checkout -b feature/A

## make some edits to your code

git commit --am "New data model to track comments for todos added"

git push origin feature/A

main ブランチにプルリクエストを送信します。チームが変更を検証したら、プルリクエストを main にマージします。これにより、main ブランチでビルドが開始され、変更したフロントエンドまたはバックエンドリソースが更新されます。

クライアントコンフィグを生成

以下を実行してブランチ環境のコンフィグを生成できます:

Web および React Native の場合、デフォルト形式と出力ディレクトリでコンフィグを生成します。

Terminal

npx ampx generate outputs --app-id <your-amplify-app-id> --branch <your-git-branch-name> --out-dir <path/to/config>

シークレットと環境変数