Amplify + React/Redux アプリ開発 ~ prod/stage 環境の作成 ~

October 10, 2020

今回やること

前回までは dev 環境にアプリをデプロイしていましたが、dev/prod の AWS アカウントを異なるものとしたい、という状況があると思います。
今回はその方法について記載していきます。

環境を追加する

まずは prod 環境を追加するところからです。amplify env add コマンドで追加します。

$ amplify env add  
Note: It is recommended to run this command from the root of your app directory  
? Do you want to use an existing environment? No  
? Enter a name for the environment prod  
Using default provider  awscloudformation  
  
For more information on AWS Profiles, see:  
https://docs.aws.amazon.com/cli/latest/userguide/cli-configure-profiles.html  
  
? Do you want to use an AWS profile? Yes  
? Please choose the profile you want to use prod-profile  

作成したら amplify env list コマンドで環境一覧を確認します。

$ amplify env list  
  
| Environments |  
| ------------ |  
| dev          |  
| *prod        |  

amplify env checkout コマンドで環境の切り替えも可能です。

$ amplify env checkout dev  
✔ Initialized provider successfully.  
Initialized your environment successfully.  
  
$ amplify env list  
  
| Environments |  
| ------------ |  
| *dev         |  
| prod         |  

その他コマンドについてはリファレンスを参照してください。

Prod 用 AWS アカウントで GitHub リポジトリと連携する

デプロイの前に Prod 用のアカウントで Amplify Console にアクセスし、GitHub リポジトリに接続する必要があります。
ブランチ等の設定を適当に完了させます。

環境を GitHub リポジトリに反映させる

あとは環境追加を GitHub 側に反映させましょう。これで Prod 側でデプロイが走れば成功です。

$ git add .  
$ git commit -m "Creation of a prod amplify environment"  
[main 9865b41] Creation of a prod amplify environment  
 1 file changed, 18 insertions(+)  
  
$ git push   

 © 2023, Dealing with Ambiguity