AWSのサービスであるAmplifyを使って、Reactアプリをデプロイするチュートリアルを行ってみたいと思います。
公式サイトは→https://aws.amazon.com/jp/getting-started/hands-on/build-react-app-amplify-graphql/
-
AWSでAmplifyと検索してウェブアプリケーションをホストをクリック
-
ホスティングの開始方法でGitHubを選択
-
GitHubの認証画面が出てくるのでパスワードを入力してサインイン
-
VSCodeで任意のフォルダにReactアプリを作成する
今回はTypeScriptで作成するのでnpx create-react-app aws-tutorial-with-react-amplify --template typescript -
aws-tutorial-with-react-amplifyに移動し、
npm startで起動確認 -
GitHubで新規リポジトリを作成し、
…or create a new repository on the command lineの下のコマンドをすべてコピーする -
VSCodeに戻り、
npm startしている以外のターミナルを開き、先ほどコピーしたものをペースト -
git pushでGitHubにプッシュ
-
AWSの画面に戻り、リポジトリを先ほど作成したものを選択して次へ
-
最後に保存してデプロイボタンを押す
-
画面右側のデプロイまでチェックマークがついたら、URLをクリックしてデプロイが完了していることを確認する
