あなたの角度アプリをAWS S 3に配備する方法


あなたがちょうどあなたの聴衆でスケールする安価なホスティングオプションを探しているならば、AWS s 3にあなたの角度アプリを展開することは大きな選択でありえます.このポストでは、AWS CLIを使用して角度のアプリをAWS S 3に展開する方法を示します.
必要条件:
  • AWS CLI

  • 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に展開表示されます🎉