Amazon CloudFront - Come configurare CloudFront per lavorare con S3

Supponendo di eseguire un sito Web o un blog con traffico elevato, si sono verificati i seguenti problemi:

• Servizio contenuto lento - I contenuti (htmls, immagini, file di download) funzionano a velocità estremamente ridotte, specialmente durante i picchi di traffico
• Pagato e inutilizzato - Stai pagando il tuo host web più di quello che stai effettivamente utilizzando. Ciò significa che probabilmente stai pagando per un pacchetto di web hosting con 50 GB di spazio web e 1 TB di larghezza di banda, ma a malapena ne stai utilizzando la metà.
• File / cartelle disordinati - L'account web è in disordine. Cartelle di immagini, le cartelle di elementi scaricabili non sono organizzate correttamente.

Tutti questi possono essere facilmente risolti con Amazon CloudFront. CloudFront è un nuovo servizio lanciato da Amazon, basato sulla tecnologia del cloud computing. Utilizzando Amazon S3 come spazio di archiviazione, CloudFront serve in cima ai bucket e offre contenuti a una velocità molto più elevata con una latenza inferiore. Clicca qui per saperne di più.

Se stai già utilizzando Amazon S3 per pubblicare file per siti Web, CloudFront è davvero qualcosa che dovresti controllare. Ti guideremo ora attraverso la configurazione di CloudFront per servire i file web.

1. Primo e Formost

   Prendi un Amazon S3 account (leggi qui), quindi registrati per un servizio Amazon CloudFront. Controlla la tua email per assicurarti che il servizio sia attivato per te.

   

2. Crea distribuzione

   Le applicazioni che utilizzi per gestire i bucket di Amazon S3 potrebbero variare, ma cercheremo di attenerci a uno strumento gratuito - S3 Firefox, un file manager S3 con CloudFront supportato. Collegati al tuo account con S3 Firefox, fai clic con il pulsante destro del mouse sul nome del bucket (supponendo che i file e le cartelle al suo interno siano / saranno accessibili dal web) e scegli Gestisci le distribuzioni.

   

   Distribuzione è un URL univoco di ordinamento che è possibile utilizzare per fare riferimento a un file. Otterrai un'immagine migliore una volta creata. Clicca su Crea distribuzione per creare la tua prima distribuzione per il bucket.

   

   Una volta creato, avrai notato un nuovo nome di dominio: XXXXX.cloudfront.net è stato creato per te. Lo stato cambierà da In corso a schierato quando è finito. Puoi anche fare clic sul pulsante Aggiorna per aggiornare lo stato.

   Se in precedenza hai questo bene seguente:

   • https://assets.hongkiat.com/uploads/folder1/imageA.jpg, ora è possibile accedere con l'URL
   • http://XXXXX.cloudfront.net/folder1/imageA.jpg

   Puoi ancora pubblicare file con il primo URL, ma quest'ultimo è alimentato da CloudFront ed è molto più veloce.

3. Crea CNAME

   L'URL di distribuzione inizia con http://XXXXX.cloudfront.net/ e non pensiamo che ci sia un modo per decidere cosa succede prima .cloudfront.net. Tuttavia, per rendere l'URL più semplice, piacevole e facile da ricordare, possiamo utilizzare CNAME per mappare questo URL a qualsiasi cosa vogliamo. Ciò richiede l'accesso ai pannelli di controllo del web hosting. In questo esempio, ti mostreremo come mappare:

   • http://XXXXX.cloudfront.net/ a
   • https://assets.hongkiat.com/uploads/

   Se non hai familiarità con CNAME, ti suggeriamo di chiedere al tuo host web di farlo per te. Avrai qualcosa di simile a questo, con il tuo URL di distribuzione, ovviamente.

   

   Questo potrebbe richiedere 24 ore per propagarsi, ma nel frattempo, ha riempito il CNAME in S3 Firefox.

   

   Una volta propagato correttamente (puoi testare con il ping dell'URL), puoi servire i file usando https://assets.hongkiat.com/uploads/*.

4. Confronto delle prestazioni

   Sappiamo tutti quanto Amazon S3 sia veloce ed efficiente per i file, ma abbiamo pensato che dovresti vedere un confronto dopo che CloudFront è stato implementato sulla parte superiore della pubblicazione, così saprai che ogni spesa in penny vale la pena. Per fare un confronto corretto delle differenze di velocità di caricamento, abbiamo preso un contenuto del blog, caricarlo due volte; una volta con immagini ospitate sotto hongkiat.s3.amazonaws.com, un'altra volta con le immagini sotto static.hongkiat.com (CloudFront) e monitoralo con Pingdom Tools. Clicca sulle immagini per ingrandirle.

   hongkiat.s3.amazonaws.com - 41 immagini caricate a 6.5 secondi.

   

   static.hongkiat.com (CloudFront) - 41 immagini caricate a 3,5 secondi.