Statische Inhalte in einem Amazon S3 S3-Bucket mithilfe VPC von Amazon bereitstellen CloudFront

Erstellt von Angel Emmanuel Hernandez Cebrian

Übersicht

Wenn Sie statische Inhalte bereitstellen, die auf Amazon Web Services (AWS) gehostet werden, empfiehlt es sich, einen Amazon Simple Storage Service (S3) -Bucket als Quelle zu verwenden und Amazon für die Verteilung der Inhalte CloudFront zu verwenden. Diese Lösung bietet zwei Hauptvorteile: die Bequemlichkeit, statische Inhalte an Edge-Standorten zwischenzuspeichern, und die Möglichkeit, Web-Zugriffskontrolllisten (WebACLs) für die CloudFront Verteilung zu definieren, was Ihnen hilft, Anfragen zu den Inhalten mit minimalem Konfigurations- und Verwaltungsaufwand zu sichern.

Der empfohlene Standardansatz weist jedoch häufig eine architektonische Einschränkung auf. In einigen Umgebungen möchten Sie, dass virtuelle Firewall-Appliances, die in einer virtuellen privaten Cloud (VPC) bereitgestellt werden, den gesamten Inhalt, einschließlich statischer Inhalte, überprüfen. Der Standardansatz leitet den Datenverkehr nicht VPC zur Inspektion durch. Dieses Muster bietet eine alternative architektonische Lösung. Sie verwenden immer noch eine CloudFront Distribution, um statische Inhalte in einem S3-Bucket bereitzustellen, aber der Datenverkehr wird mithilfe eines Application Load Balancer VPC durch den geleitet. Eine AWS Lambda-Funktion ruft dann den Inhalt aus dem S3-Bucket ab und gibt ihn zurück.

Voraussetzungen und Einschränkungen

Voraussetzungen

Einschränkungen

Architektur

Zieltechnologie-Stack

Zielarchitektur

Die folgende Abbildung zeigt die vorgeschlagene Architektur, wenn Sie statische Inhalte aus einem S3-Bucket über a bereitstellen müssenVPC. CloudFront

Automatisierung und Skalierung

Um die Bereitstellung statischer Inhalte mit diesem Ansatz zu automatisieren, erstellen Sie CI/CD-Pipelines zur Aktualisierung der Amazon S3 S3-Buckets, die Websites hosten.

Die Lambda-Funktion skaliert automatisch, um die gleichzeitigen Anfragen innerhalb der Kontingente und Einschränkungen des Dienstes zu verarbeiten. Weitere Informationen finden Sie unter Lambda-Funktionsskalierung und Lambda-Kontingente (Lambda-Dokumentation). Für die anderen AWS Dienste und Funktionen, wie CloudFront z. B. den Application Load Balancer, werden diese automatisch AWS skaliert.

Tools

Epen

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

Zugehörige Ressourcen

AWSDokumentation

AWSWebsites von Diensten

Zusätzliche Informationen

Code

Die folgende Lambda-Beispielfunktion ist in Node.js geschrieben. Diese Lambda-Funktion fungiert als Webserver, der eine GetObject Operation für einen S3-Bucket ausführt, der die Website-Ressourcen enthält.

/**

 * 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);
        }
    );
};