Amplify React デプロイまで

この記事ではAWS Amplify を使ってReacgtプロジェクトをビルドするまでの手順をメモとして残しています。

やり方

Amplify の初期設定

Amplify cli をインストールします。

npm install -g @aws-amplify/cli

次にAWS cli の認証情報を設定します。これはコンソールからIAMユーザーの作成と権限の付与が事前に必要です。

amplify configure

Amplify プロジェクトの初期化

用意してあるReactプロジェクトのディレクトリに移動して、次のコマンドを実行します。

cd your-react-project
amplify init

対話形式で色々と聞かれるので順に答えていきます。

APIの追加

amplify add api

このように必要なパッケージをaddします。

変更をpush

全て終わったらpushしましょう。

amplify push

デプロイ

デプロイ方法は２つあり、一つはこのままCLIで行う方法です。もう一つはAWS Amplify console でWeb上でデプロイをする方法です。

まずはCLIを使った方法です。

amplify add hosting
amplify publish

これでOKです。

もう一つのWeb上でのデプロイはamplify console に移動して、GitHubとリポジトリを連携していけばデプロイできます。

参考

参考にさせていただいた動画のリンクです。