AWS s 3の反応アプリケーションを主催する方法

アマゾンWebサービス(AWS)であなたのウェブサイトをホストする多くの方法があります.最も簡単なのは、あなたの静的なウェブサイトをホストするためにS 3バケットを使うことです.セットアップと設定はこのオプションでは簡単です.ビデオを見て、どのように簡単に参照してください.ビデオでは、手動であなたの反応アプリケーションを構築し、バケットにアップロードするか、展開を自動化するためにAWS CLIを使用する方法を説明します.

必要条件

AWSアカウント

AWS CLIは、あなたのマシン

にインストールされます

IAMユーザ/役割

AWSユーザーのローカル資格証明書

nodejsとNPMは、

をインストールしました

S 3にアップロードするステップ
閉じるこの動画はお気に入りから削除されています

は、実行することによって反応アプリケーションをスキャフォールドします.

   npx create-react app nameofApp

は、S 3バケット

をつくります

静的サイトのホスティングを可能にするプロパティを変更します.

バケツポリシーのアクセス許可を変更します.

   {
       "Version": "2012-10-17",
       "Statement": [
           {
               "Sid": "AllowPublicReadAccess",
               "Effect": "Allow",
               "Principal": "*",
               "Action": "s3:GetObject",
               "Resource": "arn:aws:s3:::NameOFBucket/*"
           }
       ]
   }

ビルドフォルダのコピーアプリケーションをコピーしてください

 yarn build

セットアップ、S 3 SYNC - SYNCディレクトリとS 3接頭辞.再帰的に新しいディレクトリと更新されたファイルをソースディレクトリから目的地までコピーします.パッケージを変更します.JSONファイルとビルドフォルダの内容をバインディングで展開する「展開」スクリプトを追加します.

  "deploy": "aws s3 sync build/ s3://nameofbucket"

あなたのアプリケーションランの新しいバージョンを展開するたびに、

  yarn build && yarn deploy