Tutorial: Erstellen Sie eine grundlegende Lambda @Edge -Funktion

Erstellen Sie einen Amazon S3-Bucket mit einer oder zwei Dateien, z. B. Image-Dateien, als Beispielinhalt. Für Hilfe folgen Sie den Schritten unter Hochladen Ihrer Inhalte zu Amazon S3. Stellen Sie sicher, dass Sie Berechtigungen erteilen, um öffentliche Lesezugriff auf die Objekte in Ihrem Bucket zu gewähren.

Erstellen Sie eine CloudFront Distribution und fügen Sie Ihren S3-Bucket als Ursprung hinzu, indem Sie die Schritte CloudFront unter Web-Distribution erstellen befolgen. Wenn Sie bereits eine Verteilung haben, können Sie stattdessen den Bucket als Ursprung für diese Verteilung hinzufügen.

Melden Sie sich bei der an AWS Management Console und öffnen Sie die AWS Lambda Konsole unterhttps://console.aws.amazon.com/lambda/.

Wählen Sie Funktion erstellen aus.

Wählen Sie auf der Seite Funktion erstellen die Option Blueprint verwenden aus, und filtern Sie dann nach den CloudFront Blueprints, indem Sie sie in das Suchfeld eingeben. cloudfront

Wählen Sie den Blueprint „HTTPAntwort-Header ändern“ als Vorlage für Ihre Funktion aus.

Geben Sie folgende Informationen zu Ihrer Funktion ein:

Wählen Sie unten auf der Seite die Option Funktion erstellen aus.

Wählen Sie im daraufhin angezeigten Bereich Deploy to Lambda @Edge die Option Abbrechen aus. (Für dieses Tutorial müssen Sie den Funktionscode ändern, bevor Sie die Funktion in Lambda @Edge bereitstellen.)

Scrollen Sie auf der Seite nach unten zum Abschnitt Codequelle.

Ersetzen Sie den Vorlagencode durch eine Funktion, die die Sicherheits-Header ändert, die Ihren Ursprung zurückgibt. Beispielsweise könnten Sie Code wie den folgenden verwenden:

'use strict';
export const handler = (event, context, callback) => {

    //Get contents of response
    const response = event.Records[0].cf.response;
    const headers = response.headers;

    //Set new headers
    headers['strict-transport-security'] = [{key: 'Strict-Transport-Security', value: 'max-age= 63072000; includeSubdomains; preload'}];
    headers['content-security-policy'] = [{key: 'Content-Security-Policy', value: "default-src 'none'; img-src 'self'; script-src 'self'; style-src 'self'; object-src 'none'"}];
    headers['x-content-type-options'] = [{key: 'X-Content-Type-Options', value: 'nosniff'}];
    headers['x-frame-options'] = [{key: 'X-Frame-Options', value: 'DENY'}];
    headers['x-xss-protection'] = [{key: 'X-XSS-Protection', value: '1; mode=block'}];
    headers['referrer-policy'] = [{key: 'Referrer-Policy', value: 'same-origin'}];

    //Return modified response
    callback(null, response);
};

Wählen Sie Datei, Speichern, um den aktualisierten Code zu speichern.

Wählen Sie Bereitstellen.

Wählen Sie in der Lambda-Konsole auf der Funktionsübersichtsseite für Ihre Funktion die Option Auslöser hinzufügen aus.

Wählen Sie für Trigger-Konfiguration die Option CloudFront.

Wählen Sie Deploy to Lambda @Edge.

Geben Sie im Bereich Deploy to Lambda @Edge unter Configure CloudFront trigger die folgenden Informationen ein:

Aktivieren Sie das Kontrollkästchen Bereitstellung auf Lambda @Edge bestätigen.

Wählen Sie Deploy, um den Trigger hinzuzufügen und die Funktion AWS an Standorten weltweit zu replizieren.

Warten Sie, bis die Funktion repliziert wurde. Dies dauert in der Regel mehrere Minuten.

Sie können überprüfen, ob die Replikation abgeschlossen ist, indem Sie zur CloudFront Konsole gehen und sich Ihre Distribution ansehen. Warten Sie, bis sich der Status der Verteilung von Bereitstellen auf Datum und Uhrzeit ändert. Das bedeutet, dass Ihre Funktion repliziert wurde. Zur Überprüfung der Funktionstätigkeit befolgen Sie die Schritte im nächsten Abschnitt.

Geben Sie in einem Browser die URL für eine Datei in Ihrem S3-Bucket ein. Sie könnten beispielsweise eine URL ähnliche Methode wie verwendenhttps://d111111abcdef8.cloudfront.net/image.jpg.

Weitere Informationen zum CloudFront Domainnamen, der in der Datei verwendet werden sollURL, finden Sie unterPassen Sie das URL Format für Dateien an CloudFront.

Öffnen Sie die Web-Developer-Symbolleiste Ihres Browsers. Öffnen Sie beispielsweise in Ihrem Browserfenster in Chrome das Kontextmenü (Rechtsklick) und wählen Sie Inspect (Untersuchen) aus.

Wählen Sie die Registerkarte Network (Netzwerk) aus.

Laden Sie die Seite neu, um Ihr Bild anzusehen, und wählen Sie dann im linken Bereich eine HTTP Anfrage aus. Die HTTP Überschriften werden in einem separaten Bereich angezeigt.

Sehen Sie sich die Liste der HTTP Header an, um sicherzustellen, dass die erwarteten Sicherheitsheader in der Liste enthalten sind. Beispielsweise könnten Sie Header wie im folgenden Screenshot gezeigt sehen.

Melden Sie sich bei der an AWS Management Console und öffnen Sie die CloudWatch Konsole unter https://console.aws.amazon.com/cloudwatch/.

Ändern Sie Region auf den Speicherort, der angezeigt wird, wenn Sie die Datei in Ihrem Browser anzeigen. Hier wird die Funktion ausgeführt.

Klicken Sie im linken Bereich auf Logs (Protokolle), um die Protokolle für Ihre Verteilung anzuzeigen.

Öffnen Sie die Amazon S3 S3-Konsole unter https://console.aws.amazon.com/s3/.

Wählen Sie den Bucket aus, und wählen Sie dann Properties (Eigenschaften).

Wählen Sie unter Properties (Eigenschaften) Logging (Protokollierung) aus.

Deaktivieren Sie das Kontrollkästchen Enabled (Aktiviert).

Wählen Sie Save (Speichern) aus.

Öffnen Sie die CloudFront Konsole unterhttps://console.aws.amazon.com/cloudfront/v4/home.

Klicken Sie mit der rechten Maustaste auf die Verteilung, die Sie deaktivieren möchten, und anschließend auf Disable (Deaktivieren).

Wenn Sie zur Bestätigung aufgefordert werden, wählen Sie Yes, Disable (Ja, deaktivieren).

Wählen Sie die deaktivierte Verteilung aus, und klicken Sie dann auf Delete (Löschen).

Wenn Sie zur Bestätigung aufgefordert werden, wählen Sie Yes, Delete.