この記事ではAWS Amplify を使ってReacgtプロジェクトをビルドするまでの手順をメモとして残しています。
やり方
Amplify の初期設定
Amplify cli をインストールします。
npm install -g @aws-amplify/cli次にAWS cli の認証情報を設定します。これはコンソールからIAMユーザーの作成と権限の付与が事前に必要です。
amplify configureAmplify プロジェクトの初期化
用意してある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とリポジトリを連携していけばデプロイできます。
参考
参考にさせていただいた動画のリンクです。
コメントを残す