In questo tutorial imparerai come distribuire i contenuti e ridurre la latenza degli utenti finali della tua applicazione Web usando Amazon CloudFront. CloudFront velocizza la distribuzione di contenuti grazie alla propria rete globale di data center (noti come edge location), riducendo il tempo necessario per il recapito mediante la memorizzazione dei contenuti in una memoria cache vicina agli utenti finali. CloudFront individua i contenuti in un server di origine, ad esempio un bucket Amazon S3, un'istanza Amazon EC2, un sistema di bilanciamento del carico Amazon Elastic Load Balancing o un server Web personalizzato, oppure ancora già in una edge location. Il servizio può essere utilizzato per distribuire interamente un sito Web o un'applicazione, includendo contenuti dinamici, statici, interattivi e in streaming.

Nei seguenti passaggi, configureremo un bucket Amazon S3 come server di origine ed eseguiremo un test della distribuzione utilizzando un browser Web, per assicurarci che i contenuti vengano distribuiti correttamente.

Tutte le operazioni mostrate in questo tutorial possono essere eseguite nell'ambito del piano gratuito.

Per distribuire i contenuti più rapidamente è necessario un account

Accedi alla console

Il piano gratuito di AWS include 50 GB di trasferimento dati in uscita e 2.000.000 di richieste HTTP o HTTPS al mese per un anno.  

Visualizza i dettagli del piano gratuito di AWS »


In questa fase, caricheremo contenuto statico semplice in un bucket Amazon S3. Successivamente, utilizzeremo questo bucket come server di origine di CloudFront. Amazon S3 è ideale come server di origine per Amazon CloudFront, in particolare per contenuti statici quali immagini, video, pagine HTML, file .css e file .js.


a. L'immagine di esempio che utilizzeremo in questo tutorial è un'immagine PNG chiamata cloudfront-test-image.png.  Fai clic sul pulsante sulla destra per scaricare l'immagine di esempio e assicurarti che venga salvata come cloudfront-test-image.png.

Scarica l'immagine di esempio

b. Quando fai clic qui, la console di gestione AWS si aprirà in una nuova finestra del browser. Digita S3 nella casella di ricerca e fai doppio clic per aprire il pannello di controllo.

tmt_faster-content-delivery-01

Fai clic per ingrandire l'immagine

tmt_faster-content-delivery-01

c. Ora che sei nel pannello di controllo S3, fai clic sul pulsante Create Bucket (Crea bucket).

  • Bucket Name (Nome del bucket): inserisci un nome per il bucket - deve essere univoco e in caratteri minuscoli. Per ulteriori limitazioni sui nomi dei bucket S3, consulta Restrizioni e limitazioni dei bucket
  • Regione: puoi scegliere una regione vicino a te per ottimizzare la latenza, ridurre al minimo i costi e soddisfare i requisiti normativi.  

Seleziona Next (Successivo).

Nel pannello Set properties (Imposta proprietà), sono presenti diverse opzioni utili relative al bucket S3, ad esempio la funzione Versioni multiple, la registrazione di log di accesso al server, i tag, la registrazione di log a livello di oggetto e la crittografia predefinita. In questo tutorial non sarà necessario attivare queste caratteristiche.

Seleziona Next (Successivo).

Nel pannello Set permissions, è possibile impostare le autorizzazioni di controllo degli accessi per il bucket. In questo tutorial non sarà necessario attivare questa caratteristica.

Seleziona Next (Successivo).

Nel pannello Review, seleziona Create bucket (Crea bucket).

tmt_faster-content-delivery-02

Fai clic per ingrandire l'immagine

tmt_faster-content-delivery-02

d. Fai doppio clic sul nome del bucket. Seleziona Upload (Carica), quindi fai clic su Add Files (Aggiungi file) e seleziona cloudfront-test-image.png sul computer. 

Seleziona Next (Successivo).

tmt_faster-content-delivery-03

Fai clic per ingrandire l'immagine

tmt_faster-content-delivery-03

e. Nella scheda Imposta autorizzazioni, dovrai fare in modo che la tua immagine sia leggibile.  Per impostazione predefinita, la privacy degli oggetti S3 è impostata su privata.  Modifica l'impostazione Manage public permissions selezionando "Grant public access to object(s) (Concedi l'accesso pubblico agli oggetti)."

Seleziona Next (Successivo).

Nella scheda Set properties, è possibile selezionare la classe di storage, la crittografia e i metadati. In questo tutorial non sarà necessario attivare queste caratteristiche.

Seleziona Next (Successivo).

Nella scheda Review, verifica il file da caricare.

Seleziona Upload (Carica).

tmt_faster-content-delivery-04

Fai clic per ingrandire l'immagine

tmt_faster-content-delivery-04

Una volta caricati i contenuti su Amazon S3, puoi utilizzare la console Amazon CloudFront per rilasciare contenuti agli utenti finali in tutto il mondo.


a. Quando fai clic qui, la console di gestione AWS si aprirà in una nuova scheda del browser.  Trova CloudFront in Storage & Content Delivery (Storage e distribuzione dei contenuti) , quindi fai clic per aprire la console Amazon CloudFront.

tmt_faster-content-delivery-06

Fai clic per ingrandire l'immagine

tmt_faster-content-delivery-06

b.  Seleziona Create Distribution (Crea distribuzione).


 

tmt_faster-content-delivery-07

Fai clic per ingrandire l'immagine

tmt_faster-content-delivery-07

Una distribuzione Web specifica le impostazioni di configurazione in modo che CloudFront sappia da quale server di origine ottenere i contenuti quando un utente li richiede. Puoi utilizzare i bucket Amazon S3 (cartelle di storage) e i server HTTP (ad esempio, i server web) come server di origine.


a.  Per prima cosa scegli il metodo di distribuzione dei tuoi contenuti.  La distribuzione web viene utilizzata per contenuti statici e dinamici, mentre la distribuzione RTMP è adatta allo streaming di file media che utilizzano il protocollo RTMP di Adobe Flash Media Server.

Poiché cloudfront-test-image.png è un'immagine statica, seleziona Get Started (Inizia subito) sotto l'opzione Web .

tmt_faster-content-delivery-08

Fai clic per ingrandire l'immagine

tmt_faster-content-delivery-08

b.  Ora puoi configurare le impostazioni. 

In Origin Domain Name (Nome dominio origine), seleziona il nome del bucket S3 in cui hai archiviato cloudfront-test-image.png.

Per questo tutorial puoi lasciare il resto delle impostazioni di configurazione con i valori predefiniti.  Se vuoi avere maggiori informazioni su ogni impostazione di configurazione, fai clic sul menu a discesa qui sotto.

Default Cache Behavior Settings (Impostazioni predefinite comportamento cache)

Distribution Settings (Impostazioni distribuzione):

  • Price Class (Classe di prezzo) CloudFront ha tre Classi di prezzo in base al numero di Edge Location che desideri vengano supportate nel mondo. Per impostazione predefinita, CloudFront utilizza tutte le edge location per garantire le performance migliori. Per ulteriori informazioni, consulta i prezzi di Amazon CloudFront.
  • AWS WAF Web ACL: se desideri consentire o bloccare le richieste HTTP e HTTPS in base a criteri da te specificati, scegli l'ACL Web da associare a questa distribuzione. Per ulteriori informazioni, consulta la Guida per sviluppatori di AWS WAF.
  • Nomi di dominio alternativi: CloudFront ti assegnerà automaticamente un nome di dominio quando crei una distribuzione web (ad esempio, http://abcdefghi888.cloudfront.net/filename.jpg). Puoi anche specificare un tuo nome di dominio negli URL per i tuoi oggetti (ad esempio, http://yourDomain.com/filename.jpg) dopo aver aggiornato la tua configurazione DNS in modo da instradare le query DNS alla distribuzione CloudFront. Per questo tutorial, lascia questo campo vuoto.
  • SSL Certificate (Certificato SSL):  CloudFront offre un certificato predefinito oppure puoi specificare un certificato SSL personalizzato. 
  • Oggetto root predefinito: qui puoi specificare l'oggetto che desideri che CloudFront richieda dal tuo server di origine quando un utente richiede solo l'URL root della tua distribuzione. Ad esempio, un utente richiede http://www.example.com/ e tu puoi specificare che http://www.example.com/product-description.html è stato distribuito. La specifica di un oggetto root di default evita l'esposizione del contenuto della distribuzione.
  • Logging (Registrazione): CloudFront può registrare le informazioni su ogni richiesta per un oggetto e archiviare i file di log in un bucket Amazon S3. Non vi è alcun costo aggiuntivo per abilitare la registrazione, ma si accumulano i consueti addebiti Amazon S3 per l'archiviazione e l'accesso ai file.
  • Bucket for Logs (Bucket per i log): se hai specificato un bucket Amazon S3 in cui archiviare i log di accesso, CloudFront può registrare le informazioni su ogni richiesta utente per un oggetto e archiviare i file nel bucket Amazon S3 specificato. Puoi attivare o disattivare la registrazione in qualsiasi momento. Per ulteriori informazioni sui log degli accessi di CloudFront, consultare Log di accesso.
  • Log Prefix (Prefisso log): se scegli On per Logging (Registrazione), puoi specificare l'eventuale stringa che CloudFront deve utilizzare come prefisso per i nomi di file dei log di accesso per questa distribuzione. Per ulteriori informazioni sui log degli accessi di CloudFront, consultare Log di accesso.
  • Cookie Logging (Registrazione cookie): quando utilizzi Amazon S3 come origine per i tuoi oggetti, Amazon S3 non elabora cookie, di conseguenza, a meno che la tua distribuzione non includa anche un origine Amazon EC2 o un'altra origine personalizzata, ti consigliamo di scegliere Off per il valore di Cookie Logging (Registrazione cookie). Per ulteriori informazioni sui cookie consulta Configurazione di CloudFront per memorizzare nella cache gli oggetti in base ai cookie.
  • Comment (Commento): inserisci eventuali commenti che desideri salvare con la distribuzione.
  • Distribution Status (Stato distribuzione): l'impostazione predefinita è Abilitata. Ciò significa che il contenuto sarà disponibile nel momento in cui viene creata la distribuzione.
tmt_faster-content-delivery-09

Fai clic per ingrandire l'immagine

tmt_faster-content-delivery-09

Una volta configurata, CloudFront creerà la distribuzione e la propagherà in tutta la rete di CloudFront per consentirne l'utilizzo.  Seleziona Create Distribution (Crea distribuzione).  

Quando il processo è completo, la colonna dello stato cambia da In Progress (In corso) a Deployed (Distribuito).

Nota: il completamento di questo processo può richiedere alcuni minuti.

Il nome di dominio che CloudFront assegna alla tua distribuzione è visualizzato nell'elenco delle distribuzioni. Tienile a mente, perché queste informazioni serviranno per la fase successiva. Facendo clic sul campo ID distribuzione vai su una pagina in cui puoi vedere il dominio CloudFront completo in Nome dominio.

tmt_faster-content-delivery-10

Fai clic per ingrandire l'immagine

tmt_faster-content-delivery-10

Dopo aver creato la distribuzione Web, puoi testarla e confermare che CloudFront ottiene l'oggetto dal server di origine e lo restituisce a un browser Web.  Per questo test avrai bisogno del nome del dominio CloudFront dalla Fase 4 e il nome dell'immagine caricata nel bucket S3 nella fase 1.


a. Aprire un editor di testo nel computer. Copiare e incollare il codice seguente HTML:

</html>

  • Sostituisci domain name (nome dominio) con il nome del dominio che CloudFront ha assegnato alla distribuzione, ad esempio d111111abcdef8.cloudfront.net.
  • Sostituisci il object name (nome dell'oggetto) con il nome del file immagine nel bucket Amazon S3, nel nostro caso, cloudfront-test-image.png.
  • Salva il testo in un file con estensione mycloudfronttest.html.

b. Apri la tua pagina Web in un browser per assicurarti che sia possibile visualizzare i tuoi contenuti. 

cloudfront-16

Fai clic per ingrandire l'immagine

cloudfront-16

Puoi disabilitare una distribuzione con facilità dalla console CloudFront. Disabilitare le distribuzioni di cui non hai bisogno è infatti una best practice per evitare che ti vengano addebitati i costi relativi. Tuttavia, ricordati che quando viene disabilitata una distribuzione, qualsiasi sito Web supportato da quella distribuzione non sarà disponibile e il contenuto non sarà più accessibile agli utenti finali.


a.  Seleziona la casella di controllo accanto alla distribuzione creata e fai clic su Disable (Disabilita).

tmt_faster-content-delivery-11

Fai clic per ingrandire l'immagine

tmt_faster-content-delivery-11

b. Ti verrà chiesto di confermare la tua scelta: fai clic su Yes, Disable (Sì, disabilita).

tmt_faster-content-delivery-12

Fai clic per ingrandire l'immagine

tmt_faster-content-delivery-12

Hai creato la tua prima distribuzione Web Amazon CloudFront e hai distribuito una parte di contenuto statico ospitata nel cloud tramite Amazon S3. Con le opportune modifiche alla configurazione, potrai usare CloudFront per distribuire in tempo reale contenuti dinamici ed eventi dal vivo quali riunioni, conferenze o concerti su HTTP o HTTPS. Amazon CloudFront permette di velocizzare la distribuzione di siti Web e applicazioni, inclusi contenuti dinamici, statici, interattivi e in streaming.

Ora che sei in grado di impostare una distribuzione Web e distribuire contenuti statici con Amazon CloudFront, puoi fare domande ai nostri esperti durante le prossime sessioni Office Hours o i Tech Talk.

Pagina sulle Nozioni di base di Amazon CloudFront >>

 

No