Tutorial: Creare una funzione Lambda @Edge di base

Crea un bucket Amazon S3 con un file o due, ad esempio file di immagini, come contenuti di esempio. Se hai bisogno di aiuto, puoi procedere come descritto in Caricamento dei contenuti su Amazon S3. Assicurati di impostare le autorizzazioni per assegnare l'accesso pubblico in lettura agli oggetti nel bucket.

Crea una CloudFront distribuzione e aggiungi il tuo bucket S3 come origine, seguendo i passaggi in Creare una CloudFront distribuzione web. Se disponi già di una distribuzione, puoi aggiungere il bucket come origine di quella distribuzione.

Accedi a AWS Management Console e apri la AWS Lambda console all'indirizzohttps://console.aws.amazon.com/lambda/.

Selezionare Create function (Crea funzione).

Nella pagina Crea funzione, scegli Usa un blueprint, quindi filtra i blueprint inserendoli nel campo di CloudFront ricerca. cloudfront

Scegliete il blueprint Modify HTTP response header come modello per la vostra funzione.

Immettere le seguenti informazioni sulla funzione:

Scegli Crea funzione nella parte inferiore della pagina.

Nel riquadro Deploy to Lambda @Edge visualizzato, scegli Annulla. (Per questo tutorial, devi modificare il codice della funzione prima di distribuirla su Lambda @Edge.)

Scorri verso il basso fino alla sezione Code source della pagina.

Sostituire il codice modello con una funzione che modifica le intestazioni di sicurezza restituite dall'origine. Ad esempio, puoi usare un codice simile a quanto segue:

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

Scegli File, Salva per salvare il codice aggiornato.

Seleziona Deploy (Implementa).

Nella console Lambda, nella pagina di panoramica delle funzioni per la tua funzione, scegli Aggiungi trigger.

Per la configurazione di Trigger, scegli CloudFront.

Scegli Distribuisci su Lambda @Edge.

Nel riquadro Deploy to Lambda @Edge, in CloudFront Configura trigger, inserisci le seguenti informazioni:

Seleziona la casella di controllo Confirm deploy to Lambda @Edge.

Scegli Deploy per aggiungere il trigger e replicare la funzione in diverse sedi in tutto il mondo. AWS

Attendi che la funzione venga replicata. Questo richiede in genere diversi minuti.

Puoi verificare se la replica è terminata accedendo alla CloudFront console e visualizzando la tua distribuzione. Attendi che lo stato della distribuzione passi da Distribuzione a data e ora, il che significa che la funzione è stata replicata. Quindi segui la procedura nella sezione successiva per verificare che la funzione sia attiva.

In un browser, inserisci il nome URL di un file nel tuo bucket S3. Ad esempio, potresti usare un file URL simile a. https://d111111abcdef8.cloudfront.net/image.jpg

Per ulteriori informazioni sul nome di CloudFront dominio da utilizzare nel fileURL, vederePersonalizza il URL formato dei file in CloudFront.

Apri la barra degli strumenti per sviluppatori del tuo browser Web. Ad esempio, nella finestra del browser in Chrome, apri il menu contestuale (pulsante destro del mouse) e scegli Inspect (Ispeziona).

Scegliere la scheda Network (Rete).

Ricarica la pagina per visualizzare l'immagine, quindi scegli una HTTP richiesta nel riquadro a sinistra. Le HTTP intestazioni vengono visualizzate in un riquadro separato.

Consulta l'elenco delle HTTP intestazioni per verificare che le intestazioni di sicurezza previste siano incluse nell'elenco. Ad esempio, potresti vedere intestazioni simili a quelle mostrate nella schermata seguente:

Accedi a AWS Management Console e apri la CloudWatch console all'indirizzo. https://console.aws.amazon.com/cloudwatch/

Cambia regione nella posizione visualizzata quando visualizzi il file nel browser. Questo è dove la funzione è in esecuzione.

Nel riquadro sinistro, scegli Logs (Log) per visualizzare i log per la tua distribuzione.

Apri la console Amazon S3 all'indirizzo. https://console.aws.amazon.com/s3/

Seleziona il bucket, quindi Proprietà.

Da Properties (Proprietà), selezionare Log.

Deseleziona la casella Attivato.

Scegliere Save (Salva).

Apri la CloudFront console all'indirizzohttps://console.aws.amazon.com/cloudfront/v4/home.

Selezionare la distribuzione che si vuole disattivare e scegliere Disable (Disattiva).

Quando viene richiesta la conferma, seleziona Sì, disattiva.

Selezionare la distribuzione disattivata e scegliere Delete (Elimina).

Quando viene richiesta la conferma, seleziona Sì, elimina.