あなたの角度アプリをAWS S 3に配備する方法
あなたがちょうどあなたの聴衆でスケールする安価なホスティングオプションを探しているならば、AWS s 3にあなたの角度アプリを展開することは大きな選択でありえます.このポストでは、AWS CLIを使用して角度のアプリをAWS S 3に展開する方法を示します.
必要条件: AWS CLI
1 . AWS S 3バケットの作成
AWS CLIを使用して新しいAWS S 3バケツを作成するのは簡単ですが、次のコマンドを実行して、独自のバケット名に置き換えて、バケットを作成する領域を確認します.
2 .静的なWebホスティングのためにAWS
次に、静的なウェブホスティングのためにバケツを設定する必要があります.幸運にも、AWS CLIはあなたのために仕事のほとんどをする一つのコマンドを持っています:
3 . AWS S 3への角度アプリケーションの配備
今、あなたはあなたの角度のアプリをS 3のバケットに展開する準備が整いました.アングルアプリケーションのルートディレクトリに移動し、次のコマンドを実行して角度アプリケーションを構築して配置します.
必要条件:
1 . AWS S 3バケットの作成
AWS CLIを使用して新しいAWS S 3バケツを作成するのは簡単ですが、次のコマンドを実行して、独自のバケット名に置き換えて、バケットを作成する領域を確認します.
aws s3 mb s3://<bucket_name> --region=<region>
2 .静的なWebホスティングのためにAWS
次に、静的なウェブホスティングのためにバケツを設定する必要があります.幸運にも、AWS CLIはあなたのために仕事のほとんどをする一つのコマンドを持っています:
aws s3 website s3://<bucket_name> --index-document index.html --error-document index.html
あなたの角度のアプリを公開するためには、S 3のバケット内のすべてのオブジェクトを公にアクセスする必要があります.ドキュメントを作成するにはpolicy.json
次のコンテンツを使用して、バケット名を入力してください.{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "*",
"Action": [
"s3:GetObject"
],
"Resource": [
"arn:aws:s3:::<bucket_name>/*"
]
}
]
}
次に、このコマンドを実行して、S 3バケットにポリシーをアタッチします.aws s3api put-bucket-policy --bucket=<bucket_name> --policy file://policy.json
3 . AWS S 3への角度アプリケーションの配備
今、あなたはあなたの角度のアプリをS 3のバケットに展開する準備が整いました.アングルアプリケーションのルートディレクトリに移動し、次のコマンドを実行して角度アプリケーションを構築して配置します.
ng build
aws s3 sync dist/<app_name> s3://<bucket_name>
それだ!オープンhttp://<bucket_name>.s3-website.<region>.amazonaws.com
あなたのブラウザでは、あなたの角度アプリがAWS S 3に展開表示されます🎉Reference
この問題について(あなたの角度アプリをAWS S 3に配備する方法), 我々は、より多くの情報をここで見つけました https://dev.to/svenfrese/how-to-deploy-your-angular-app-to-aws-s3-1341テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol