Amazon を使用して VPC 経由で Amazon S3 バケット内の静的コンテンツを提供する CloudFront

作成:エンジェル・エマニュエル・ヘルナンデス・セブリアン

[概要]

Amazon Web Services (AWS) でホストされている静的コンテンツを提供する場合、推奨されるアプローチは、Amazon Simple Storage Service (S3) バケットをオリジンとして使用し、Amazon を使用してコンテンツを配信 CloudFront することです。このソリューションには主に 2 つの利点があります。エッジロケーションで静的コンテンツをキャッシュする利便性と、 CloudFront ディストリビューションのウェブアクセスコントロールリスト (ウェブ ACLsを定義する機能です。これにより、最小限の設定と管理オーバーヘッドでコンテンツへのリクエストを保護できます。

ただし、標準的な推奨アプローチには、アーキテクチャ上の共通の制限があります。環境によっては、仮想プライベートクラウド (VPC) に仮想ファイアウォールアプライアンスをデプロイして、静的コンテンツを含むすべてのコンテンツを検査したい場合があります。標準的なアプローチでは、トラフィックを VPC 経由でルーティングして検査することはありません。このパターンは、アーキテクチャ上の代替ソリューションとなります。ディス CloudFront トリビューションを使用して S3 バケット内の静的コンテンツを提供しますが、トラフィックは Application Load Balancer を使用して VPC 経由でルーティングされます。次に、AWS Lambda 関数が S3 バケットからコンテンツを取得して返します。

前提条件と制限

前提条件

制約事項

アーキテクチャ

ターゲットテクノロジースタック

ターゲット アーキテクチャ

次の図は、 CloudFront を使用して VPC 経由で S3 バケットから静的コンテンツを配信する必要がある場合に推奨されるアーキテクチャを示しています。

自動化とスケール

このアプローチを使用して静的コンテンツのデプロイを自動化するには、CI/CD パイプラインを作成して、ウェブサイトをホストする Amazon S3 バケットを更新します。

Lambda 関数は、サービスのクォータと制限の範囲内で、同時リクエストを処理するように自動的にスケーリングします。詳細については、「Lambda 関数のスケーリング」 と「Lambda クォータ」 (Lambda ドキュメント) を参照してください。や Application Load Balancer などの他の AWS のサービス CloudFront や機能については、AWS によって自動的にスケーリングされます。 Application Load Balancer

ツール

エピック

aws lambda update-function-code \
--function-name  \ 
--zip-file fileb://lambda-alb-s3-website.zip

関連リソース

AWS ドキュメント

AWS サービスウェブサイト

追加情報

コード

次の例のLambda 関数が Node.js で記述されます。この Lambda 関数は、ウェブサイトリソースを含む S3 バケットに対して GetObject 操作を実行するウェブサーバーとして機能します。

/**

 * This is an AWS Lambda function created for demonstration purposes.

 * It retrieves static assets from a defined Amazon S3 bucket.

 * To make the content available through a URL, use an Application Load Balancer with a Lambda integration.
 * 
 * Set the S3_BUCKET environment variable in the Lambda function definition.
 */

var AWS = require('aws-sdk');

exports.handler = function(event, context, callback) {

    var bucket = process.env.S3_BUCKET;    
    var key = event.path.replace('/', '');
    
    if (key == '') {
        key = 'index.html';
    }

    // Fetch from S3
    var s3 = new AWS.S3();
    return s3.getObject({Bucket: bucket, Key: key},
       function(err, data) {

            if (err) {
                return err;
            }

            var isBase64Encoded = false;
            var encoding = 'utf8';
            
            if (data.ContentType.indexOf('image/') > -1) {
                isBase64Encoded = true;
                encoding = 'base64'
            }
    
            var resp = {
                statusCode: 200,
                headers: {
                    'Content-Type': data.ContentType,
                },
                body: new Buffer(data.Body).toString(encoding),
                isBase64Encoded: isBase64Encoded
            };

            callback(null, resp);
        }
    );
};