Usa una CloudFront distribuzione Amazon per servire un sito Web statico

Questo tutorial sulle operazioni di base illustra come completare le seguenti attività:

• Registra un nome di dominio, come esempio.com.

• Crea un certificato per il dominio.

• Crea due bucket Amazon S3 e configurane uno per ospitare un sito Web e l'altro per reindirizzare al sottodominio.

• Crea un sito Web di esempio e salva il file nel bucket S3.

• Crea CloudFront distribuzioni per entrambi i bucket S3.

• Configura Amazon Route 53 per indirizzare il traffico verso le CloudFront distribuzioni.

Una volta terminato, sarai in grado di aprire un browser, immettere il nome di dominio e visualizzare il tuo sito Web in maniera sicura.

Prerequisiti

Prima di iniziare, devi accertarti di aver completato le fasi in Configura Amazon Route 53.

Fase 1: registrare un dominio

Per utilizzare un nome di dominio come esempio.com, devi trovare un nome di dominio che non sia già in uso e registrarlo. Quando record un nome di dominio, lo prenoti per il tuo uso esclusivo ovunque su Internet, in genere per un anno. Per impostazione predefinita, rinnoveremo automaticamente il tuo nome di dominio al termine di ogni anno, ma potrai disabilitare il rinnovo automatico. Per ulteriori informazioni, consulta Registrazione di un nuovo dominio.

Fase 2: Richiesta di un certificato pubblico

È necessario un certificato pubblico per configurare CloudFront CloudFront le distribuzioni Amazon in modo da richiedere che gli spettatori utilizzino in HTTPS modo che le connessioni siano crittografate quando CloudFront comunicano con gli spettatori.

Per richiedere un AWS Certificate Manager(ACM) certificato pubblico (console)

1. Accedi alla console di AWS gestione e apri la ACM console a https://console.aws.amazon.com/acm/casa.

   Nota

   Assicurati di creare il certificato nella regione Stati Uniti orientali (Virginia settentrionale). Questo è obbligatorio per Amazon CloudFront.

   Nella riquadro di navigazione a sinistra seleziona Richiedi un certificato e alla voce Richiedi pagina certificato seleziona Richiedi un certificato pubblico, quindi vai su Seguente.

2. Nella sezione Nomi dominio inserisci il dominio, ad esempio example.com.

   Seleziona Aggiungi un altro nome a questo certificato, inserisci un asterisco davanti al nome di dominio per richiedere un certificato con caratteri jolly per tutti i sottodomini, ad esempio *.example.com.

3. Nella sezione Metodo di convalida, scegli DNSconvalida.

4. Nella sezione Algoritmo chiave, scegli RSA 2048.

5. Nella sezione Aggiungi tag, se lo desideri, puoi taggare il certificato. I tag sono coppie chiave-valore che fungono da metadati per identificare e organizzare le risorse. AWS

   Seleziona Richiedi per farsi indirizzare alla pagina Certificati.

6. Quando il nuovo certificato appare nello stato In sospeso, scegli l'ID del certificato e, nella pagina dei dettagli del certificato, scegli Crea record in Route 53 per aggiungere automaticamente i CNAME record per i tuoi domini, quindi scegli Crea record.

   La pagina sullo stato del certificato dovrebbe aprirsi con un banner di stato che riporta i record creati DNS con successo.

   Il nuovo certificato potrebbe ancora visualizzare lo stato Pending validation (Convalida in attesa) per un massimo di 30 minuti.

Fase 3: Creazione di un bucket S3 per l'hosting del sottodominio

Per creare un bucket S3 per www. your-domain-name

Amazon S3 consente di archiviare e recuperare i tuoi dati da qualsiasi luogo tramite Internet. In questa fase viene creato un bucket S3 per archiviare tutti i file per il sito Web.

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

2. Seleziona Crea bucket.

3. Immetti uno dei seguenti valori:

   Nome bucket

   Inserisci www.your-domain-name. Ad esempio, se hai registrato il nome di dominio example.com, inserisci www.example.com.

   Regione

   Scegli una regione per il bucket.

4. Per accettare le impostazioni di default e creare il bucket, scegli Crea bucket.

   Per ulteriori informazioni sulle impostazioni del bucket S3, consulta Visualizza proprietà del bucket nella Guida per l'utente di Amazon S3.

Fase 4: Creazione di un altro bucket S3 per il dominio root

Se desideri che anche i tuoi utenti possano utilizzare il dominio root,.your-domain-name (ad esempio example.com) per accedere al tuo sito web di esempio, crea un secondo bucket S3. In questo tutorial dovrai quindi configurare il secondo bucket (dominio root) per instradare il traffico verso il primo bucket.

Per creare un bucket S3 per your-domain-name

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

2. Seleziona Crea bucket.

3. Immetti uno dei seguenti valori:

   Nome bucket

   Entra your-domain-name. Ad esempio, se hai registrato il nome di dominio example.com, inserisci example.com.

   Regione

   Scegli la stessa regione in cui hai creato il primo bucket.

4. Per accettare le impostazioni di default e creare il bucket, scegli Crea bucket.

Fase 5: Caricamento dei file del sito Web nel tuo bucket di sottodominio

Ora che hai un bucket S3, puoi caricare i file del tuo sito Web. In questo tutorial dovrai caricare un semplice file index.html che visualizza il testo su una pagina.

Come abilitare il bucket S3 per l'hosting di siti Web

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

2. Nell'elenco Bucket seleziona il nome collegato del bucket in cui desideri caricare i file del sito Web, ad esempio www.example.com.

3. Copia il testo di esempio che crea un sito Web semplice di una pagina, incollalo in un editor di testo e salvalo come index.html:

   <html>
   <head>
   <title>Amazon Route 53 Getting Started</title>	
   </head>
   
   <body>
   
   <h1>Routing Internet traffic to Cloudfront distributions for your website stored in an S3 bucket</h1>
   
   <p>For more information, see 
   <a href="https://docs.aws.amazon.com/Route53/latest/DeveloperGuide/getting-started.html">Getting Started with Amazon Route 53</a> 
   in the <emphasis>Amazon Route 53 Developer Guide</emphasis>.</p>
   
   </body>
   
   </html>

4. Nella scheda Oggetti, scegli Carica.

5. In Cartelle e file, scegli Aggiungi file e carica i file del tuo sito Web. Per questo tutorial, carica il file index.html salvato nel passaggio 3 di questa procedura.

Fase 6: Configurazione del bucket del dominio root per il reindirizzamento del sito Web

Una volta che il bucket del dominio root è stato configurato per l'hosting di siti Web, è possibile configurare il bucket del dominio root per reindirizzare tutte le richieste al sottodominio. Ad esempio, è possibile configurare tutte le richieste per example.com per essere reindirizzato a www.example.com.

Come configurare un reindirizzamento

1. Nella console Amazon S3, nell'elenco Bucket, seleziona il nome del bucket (in questo esempio, example.com).

2. Scegliere Properties (Proprietà).

3. In Hosting di siti Web statici, seleziona Modifica.

4. In Hosting di siti Web statici, seleziona Abilita.

5. Seleziona Reindirizza richieste per un oggetto.

6. Nella casella Nome host specifica il sottodominio, ad esempio www.example.com.

7. In Protocol (Protocollo), seleziona HTTPS.

8. Scegli Save changes (Salva modifiche).

9. In Hosting sito Web statico, prendi nota dell'endpoint.

   Endpoint è l'endpoint del sito web Amazon S3 per il bucket. Utilizzerai questo endpoint per configurare una CloudFront distribuzione Amazon.

Passaggio 7: crea una CloudFront distribuzione Amazon per il tuo sottodominio

In questo passaggio crei una CloudFront distribuzione per il tuo sottodominio, ad esempio www.example.com, per consentire l'utilizzo del tuo sito Web in modo che le persone HTTPS possano visualizzarlo in modo sicuro.

Per creare una distribuzione CloudFront

1. Apri la console all'indirizzo. CloudFront https://console.aws.amazon.com/cloudfront/v4/home

2. Scegliere Create Distribution (Crea distribuzione).

3. Sotto la voce Origine, per Dominio origine scegli il bucket Amazon S3 creato in precedenza. Il formato sarà simile awww.example.com.s3.<Region>.amazonaws.com.

   Per Accesso origine, seleziona Identità di accesso legacy. Per l'identità di accesso di Origin, puoi sceglierla dall'elenco o scegliere Crea nuova OAI (entrambe funzioneranno).

   In Policy del bucket, scegli Sì, aggiorna la policy del bucket.

4. Per le impostazioni in Impostazioni predefinite del comportamento della cache, in Viewer, imposta la politica del protocollo Viewer su Reindirizza HTTP a HTTPS e accetta i valori predefiniti per il resto.

   Per ulteriori informazioni sulle opzioni di comportamento della cache, consulta le impostazioni del comportamento della cache nella guida per CloudFront sviluppatori di Amazon.

5. Nella sezione Web Application Firewall (WAF) puoi scegliere di abilitare o disabilitare le protezioni AWS WAF di sicurezza.

6. In Impostazioni, procedi come segue:

   • Scegli Aggiungi elemento per nome di dominio alternativo (CNAME), facoltativo, e inserisci il tuo sottodominio, ad esempio. www.example.com

   • Per SSLCertificato personalizzato, scegli il certificato che hai creato in precedenza.

   • Nella casella di testo Oggetti root di default, digita index.html.

   • Per il resto, accetta i valori predefiniti e scegli Crea distribuzione.

     Per ulteriori informazioni sulle opzioni di distribuzione, consulta Impostazioni distribuzione.

7. Dopo aver CloudFront creato la distribuzione, il valore della colonna Status relativa alla distribuzione cambia da In corso a Deployed. In genere sono necessari pochi minuti.

   Registra il nome di dominio CloudFront assegnato alla tua distribuzione, che appare nell'elenco delle distribuzioni. Puoi utilizzare questo nome di dominio per testare la distribuzione.

Passaggio 8: crea una CloudFront distribuzione Amazon per il tuo dominio principale

In questo passaggio crei una CloudFront distribuzione per il tuo dominio root da utilizzare HTTPS quando URL viene reindirizzato al sottodominio.

Per creare una distribuzione CloudFront

1. Apri la CloudFront console all'indirizzo. https://console.aws.amazon.com/cloudfront/v4/home

2. Scegliere Create Distribution (Crea distribuzione).

3. In Impostazioni di origine, per Nome dominio origine, specifica l'endpoint del sito Web del bucket. Questo valore viene ottenuto dalla sezione Hosting del sito Web statico di Proprietà per il bucket Amazon S3 creato in precedenza.

   Per il resto, accetta i valori di default.

4. Nella sezione Web Application Firewall (WAF) è possibile scegliere di abilitare o disabilitare le protezioni AWS WAF di sicurezza.

5. Per i campi in Richieste di chiave di cache e di origine, scegli Criteri di cache e criteri di richiesta di origine (consigliati) e nel menu a discesa Cache policy, scegli CachingDisabled

   Per il resto, accetta i valori di default.

   Per ulteriori informazioni sulle opzioni di comportamento della cache, consulta le impostazioni del comportamento della cache nella guida per CloudFront sviluppatori di Amazon.

6. In Impostazioni, procedi come segue:

   • Scegli Aggiungi elemento per il nome di dominio alternativo (CNAME), facoltativo, e inserisci il tuo dominio principale, ad esempioexample.com.

   • Per SSLCertificato personalizzato, scegli il certificato che hai creato in precedenza.

   • Per il resto, accetta i valori di default.

   Per ulteriori informazioni sulle opzioni di distribuzione, consulta Impostazioni distribuzione.

7. Nella parte inferiore della pagina, seleziona Crea previsione.

8. Dopo aver CloudFront creato la distribuzione, il valore della colonna Status relativa alla distribuzione cambia da In corso a Deployed. In genere sono necessari pochi minuti.

   Registra il nome di dominio CloudFront assegnato alla tua distribuzione, che appare nell'elenco delle distribuzioni. È possibile utilizzare questo nome di dominio per testare la distribuzione,

Fase 9: Indirizza DNS il traffico dal tuo dominio alla tua distribuzione CloudFront

Ora hai un sito web di una pagina nel tuo bucket S3 che utilizza una distribuzione. CloudFront Per iniziare a indirizzare il traffico Internet dal tuo dominio alla CloudFront distribuzione, esegui la procedura seguente.

Per ulteriori informazioni sull'instradamento del traffico verso le CloudFront distribuzioni, consulta. Instradamento del traffico verso una CloudFront distribuzione Amazon utilizzando il tuo nome di dominio

Per instradare il traffico verso il tuo sito Web

1. Apri la console Route 53 all'indirizzo. https://console.aws.amazon.com/route53/

2. Nel pannello di navigazione, scegli Zone ospitate.

   Nota

   Quando hai registrato il tuo dominio, Amazon Route 53 ha creato automaticamente una zona ospitata con lo stesso nome. Una zona ospitata contiene informazioni su come desideri che Route 53 instradi il traffico per il dominio.

3. Nell'elenco delle zone ospitate, scegli il nome del dominio.

4. Scegli Crea record.

   Se ti trovi nella vista Creazione rapida del record, scegli Passa alla procedura guidata.

   Nota

   Ciascun record contiene informazioni relative alle modalità con cui desideri instradare il traffico su Internet per un dominio (come esempio.com) o un sottodominio (come www.esempio.com o test.esempio.com). I record vengono memorizzati nella zona ospitata per il tuo dominio.

5. Scegli Routing semplice, quindi Successivo.

6. Scegli Define simple record (Definisci record semplice).

7. In Nome del record digita www davanti al valore di default, che è il nome della zona ospitata e del dominio.

8. In Tipo di record, scegli A ‐ Indirizza il traffico verso un IPv4 indirizzo e alcune AWS risorse.

9. In Value/Indirizza il traffico verso, scegli Alias alla distribuzione. CloudFront

10. Scegli la distribuzione.

    Il nome della distribuzione deve corrispondere al nome visualizzato nella casella Nome dominio nell'elenco Distribuzioni, ad esempio dddjjjkkk.cloudfront.net.

11. Per Evaluate target health (Valuta integrità target), seleziona No.

12. Scegli Define simple record (Definisci record semplice).

Per aggiungere un record di alias al dominio root (example.com)

Aggiungi un record alias per il dominio root, in modo che punti al bucket S3 che reindirizza il traffico a www.example.com. Per ulteriori informazioni sull'instradamento del traffico verso le distribuzioni, consulta CloudFront . Instradamento del traffico verso una CloudFront distribuzione Amazon utilizzando il tuo nome di dominio

1. Nel pannello di navigazione, scegli Zone ospitate.

2. Nell'elenco delle zone ospitate, scegli il nome del dominio.

3. Scegli Crea record.

   Se ti trovi nella vista Creazione rapida del record, scegli Passa alla procedura guidata.

   Nota

   Ciascun record contiene informazioni relative alle modalità con cui desideri instradare il traffico su Internet per un dominio (come esempio.com) o un sottodominio (come www.esempio.com o test.esempio.com). I record vengono memorizzati nella zona ospitata per il tuo dominio.

4. Scegli Routing semplice, quindi Successivo.

5. Scegli Define simple record (Definisci record semplice).

6. In Nome record accetta il valore di default.

7. In Tipo di record, scegli A ‐ Indirizza il traffico verso un IPv4 indirizzo e alcune AWS risorse.

8. In Value/Indirizza il traffico verso, scegli Alias alla distribuzione. CloudFront

9. Scegli la distribuzione.

   Il nome della distribuzione deve corrispondere al nome visualizzato nella casella Nome dominio nell'elenco Distribuzioni, ad esempio dddjjjkkk.cloudfront.net.

10. Per Evaluate target health (Valuta integrità target), seleziona No.

11. Scegli Define simple record (Definisci record semplice).

12. Nella pagina Configura record, scegli Crea record.

Fase 10: Test del sito Web

Per verificare che il sito Web funzioni correttamente, apri un browser Web e accedi a quanto segue: URLs

• https://www.your-domain-name, ad esempio, www.example.com — Visualizza il documento indice nella www.your-domain-name bucket

• https://your-domain-name ad esempio, example.com — Reindirizza la richiesta a www.your-domain-name bucket

In alcuni casi può essere necessario pulire la cache per osservare il comportamento previsto.

Per informazioni avanzate su come instradare il traffico Internet, consulta Configurazione di Amazon Route 53 come servizio DNS. Per informazioni su come indirizzare il traffico Internet verso le AWS risorse, consulta. Instradamento del traffico Internet verso le tue risorse AWS