Tutorial: Erstellen einer grundlegenden Lambda@Edge-Funktion (Konsole)

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-Verteilung und fügen Sie Ihren S3-Bucket als Ursprung hinzu, indem Sie die Schritte unter Erstellen einer CloudFront-Web-Verteilung 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 AWS-Managementkonsole an und öffnen Sie die AWS Lambda-Konsole unter https://console.aws.amazon.com/lambda/.

Wählen Sie Create function (Funktion erstellen).

Wählen Sie auf der Seite Create function (Funktion erstellen) die Option Use a blueprint (Eine Vorlage verwenden) aus und filtern Sie dann nach den CloudFront-Vorlagen, indem Sie „cloudfront“ in das Suchfeld eingeben.

Wählen Sie die Vorlage HTTP-Antwortheader ändern als Vorlage für Ihre Funktion.

Geben Sie folgende Informationen zu Ihrer Funktion ein:

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

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

Scrollen Sie nach unten bis zum Abschnitt Code-Quelle.

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 und dann Speichern aus, um den aktualisierten Code zu speichern.

Wählen Sie Bereitstellen.

Wählen Sie in der Lambda-Konsole auf der Seite Funktionsübersicht Ihrer Funktion die Option Auslöser hinzufügen aus.

Wählen Sie für die Auslöserkonfiguration die Option CloudFront aus.

Wählen Sie In Lambda@Edge bereitstellen aus.

Geben Sie im Bereich Bereitstellen in Lambda@Edge unter CloudFront-Auslöser konfigurieren die folgenden Informationen an:

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

Wählen Sie Deploy (Bereitstellen) aus, um den Auslöser hinzuzufügen und die Funktion an AWS-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 die CloudFront-Konsole öffnen und sich Ihre Verteilung ansehen. Warten Sie darauf, dass sich der Status der Distribution von Wird bereitgestellt in ein Datum und eine Uhrzeit ändert, was 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önnen beispielsweise eine URL wie die folgende Verwenden: https://d111111abcdef8.cloudfront.net/image.jpg.

Weitere Informationen über den in der Datei-URL zu verwendenden CloudFront-Domänennamen finden Sie unter Anpassen des URL-Formats für Dateien in 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, um Ihr Image anzuzeigen, und wählen Sie dann auf der linken Seite eine HTTP-Anforderung. Sie sehen die HTTP-Header in einem separaten Fenster.

Sehen Sie sich die Liste der HTTP-Header an, um zu überprüfen, ob die erwarteten Sicherheitsheader in der Liste enthalten sind. Beispielsweise könnten Sie Header wie im folgenden Screenshot gezeigt sehen.

Melden Sie sich bei der AWS-Managementkonsole an 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-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 unter https://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.