In questo articolo vedremo come usare e configurare il servizio di Amazon CloudFront utilizzando la console AWS e prendendo come esempio un’articolo che abbiamo usato per la spiegazione del servizio S3 per un sito statico dove andremmo ad aggiungere un’immagine statica che utilizzeremo con il servizio  stesso associandolo alla risorsa memorizzata in S3. Ovviamente vi ricordo che dovete avere un’account valido in Amazon Web Services e conoscere le basi del servizio S3. In caso contrario leggete la documentazione su  S3.

Obiettivo: Prima di vedere i passi necessari vediamo il risultato finale, nel mio sito che uso per varie prove potete trovare una semplice pagina di esempio dove elenco una galleria di sfondi della disney da usare per il proprio desktop http://firenacked.com/demo/cloudfront-disney/, in questa pagina sia le miniature che il link all’immagine grande sono servite tramite il servizio di Amazon CloudFront. Vediamo i passi che ho seguito per questo risultato:

Creazione distribuzione: Dalla schermata principale della console AWS selezionate il TAB CloudFront e selezionate il tasto Create Distribution a questo punto vi verrà chiesto il metodo di delivery che in questo caso deve essere Download e il bucket di origine dove dovrete selezionare il nome del vostro bucket che avete creato per questa prova e scegliete continua:

Dopo aver eseguito questi passaggi vi verrà presentata la scheda dei dettagli, dove potrete specificare se le risorse sono accessibili tramite HTTP e HTTPS o solo HTTPS, il cname solo nel caso volete mappare un indirizzo URL con il vostro dominio alla risorsa cloudfront, l’attivazione del logging per controllare tutti gli accessi alla risorsa ed altro ancora come segue:

A questo punto vi verrà presentata una schermata di riepilogo dove potete vedere le opzioni selezionate e confermare, se ci sono degli errori potete tornare indietro e cambiare i valori nuovamente prima di confermare con il tasto Create Distribution. Una volta che la distibuzione è stata creata guardate la sezione options selezionando la distribuzione interessata e guardate il campo Domain Name in maniera tale da controllare se l’accesso all’oggetto interessato funziona:

Nel mio caso il domain name è http://d278rxaefxlb6b.cloudfront.net quindi cerco di accedere alla mia immagine dentro la cartella del bucket S3 di origine che contiene la mia miniatura tramite http://d278rxaefxlb6b.cloudfront.net/demo/disney/disney-icon-1.jpg, se tutto funziona allora posso cambiare il codice HTML della mia paginetta e inserire il nuovo URL:

<div class="gallery">
  <img src="DOMAIN_NAME_CLOUD/URL_IMAGE">
</div>

NB: Vi ricordo che le risorse presenti sul bucket S3 devono essere pubbliche, quindi come già spiegato nei capitoli del servizio S3 quando eseguite l’upload delle risorse prima di confermare modificate i campi Permissions rendendo la lettura della risorsa pubblica.