Come creare un sito Web statico utilizzando Amazon S3

Su questa pagina

1. Prerequisiti
2. Cosa faremo?
3. Creazione di un bucket S3
4. Abilitazione dell'hosting del tuo sito web statico
5. Impostazione di una corretta politica del bucket
6. Testare la tua pagina web statica
7. Conclusione

Amazon Simple Storage Service (S3) è un servizio Web offerto da Amazon Web Services (AWS) per l'archiviazione e l'accesso agli oggetti tramite Internet. S3 offre a siti Web, servizi Web e applicazioni mobili la possibilità di caricare dati e archiviarli sui propri server negli Stati Uniti. Funziona su HTTP/S utilizzando protocolli basati su TCP. L'uso di S3 è gratuito sia per le operazioni put (storage) che per le richieste GET (retrieval).

L'apertura di un bucket per ricevere o archiviare oggetti richiede non solo una chiave di crittografia speciale, ma anche una chiave condivisa fornita da Amazon dopo la creazione dell'account. Gli utenti possono registrarsi gratuitamente per un account che fornisce 5 GB di spazio di archiviazione ogni mese senza limiti su quanto può essere archiviato nei bucket.

Amazon S3 offre una durabilità del 99,999999999% con i dati archiviati in più strutture per la ridondanza. Amazon S3 utilizza la stessa tecnologia di replica utilizzata da Amazon per garantire la disponibilità dei dati del proprio sito. Il servizio mira a ottimizzare il throughput e i costi in base all'applicazione utilizzata e alla quantità di dati archiviati, fornendo protezione dalla perdita di dati.

Sono inoltre disponibili funzionalità che consentono agli utenti di visualizzare analisi sulla quantità di dati caricati o scaricati tramite S3, controllare la quantità di larghezza di banda utilizzata o sfruttare le soluzioni abilitate per dispositivi mobili. Amazon S3 è disponibile su Internet gratuitamente per gli utenti. Le velocità di trasferimento dei dati sono illimitate. I dati possono essere recuperati da qualsiasi luogo in meno di 1 secondo con bassa latenza, che consente l'accesso quasi in tempo reale alle risorse. Elimina inoltre i costi di hosting e la pianificazione della capacità fornendo un'opzione di archiviazione cloud alternativa che non richiede un investimento di capitale costante per ospitare le risorse.

Amazon S3 supporta oggetti di qualsiasi tipo, dimensione e formato. Gli oggetti possono essere archiviati in qualsiasi bucket ma devono essere accessibili tramite il nome dell'oggetto. Gli utenti possono caricare file e cartelle da sistemi interni e pubblici tramite HTTP o HTTPS su bucket che supportano l'integrazione delle funzionalità del file system NFS (Network File System) o POSIX. Gli utenti hanno il controllo diretto su chi accede ai propri bucket condividendo fino a 70 GB di spazio di archiviazione con un altro utente (creato tramite AWS) che dispone di un account su Amazon S3.

La creazione di un sito Web può essere un compito arduo. Ci sono così tante opzioni e scelte da fare che è facile essere sopraffatti. Ma se potessi creare un sito web senza doversi preoccupare dell'hosting, dei nomi di dominio o della configurazione di un server? Con Amazon S3, puoi creare facilmente un sito Web statico utilizzando nient'altro che il tuo computer e una connessione Internet. In questo post del blog, ti mostreremo come configurare il tuo sito Web statico utilizzando Amazon S3. Discuteremo anche alcuni dei vantaggi dell'utilizzo di Amazon S3 per il tuo sito web. Quindi iniziamo!

Prerequisiti

Per creare un sito Web statico utilizzando Amazon S3, avrai bisogno di:

• Un account Amazon AWS per configurare il tuo sito web su Amazon S3. Questa demo utilizza l'account Amazon a livelli gratuiti, che è gratuito e offre enormi vantaggi solo se combinato con un sito Web statico Amazon S3.

Che cosa faremo?

In questa guida, creeremo e configureremo un semplice sito Web statico utilizzando Amazon S3. Bene, passa anche attraverso la configurazione di quel sito Web statico con una pagina di errore personalizzata. Questa guida ti mostrerà come creare un sito Web HTML, CSS, JavaScript facile da mantenere e molto conveniente.

Un sito Web statico è un sito Web costituito solo da pagine statiche. Non contiene alcun linguaggio di scripting lato server come php, asp o nodejs. Consiste solo in un file html in cui sono memorizzate tutte le pagine web. L'hosting di siti Web statici non è nuovo, esiste da molto tempo.

Utilizzando un sito statico, non hai alcun tipo di hacker di cui preoccuparti e hai solo bisogno della capacità di servire pagine web. Se combinato con Amazon S3, il costo è minuscolo, come uno o due dollari per sito. Puoi quindi ridimensionare le tue pagine web per soddisfare le esigenze del tuo pubblico con milioni di lettori da lì.

Per ospitare un sito Web statico, devi creare un bucket Amazon S3.

E poi carica i tuoi contenuti in quel bucket.

L'accesso in lettura pubblico del tuo bucket S3 deve essere intenzionale. È importante che tutti, ovunque, possano leggere il secchio. E ne discuteremo più avanti in questa guida, dove esaminiamo la politica del secchio.

Il sito Web sarà quindi disponibile presso l'endpoint AWS S3, che avrà un aspetto simile all'URL riportato di seguito.

Abbiamo un collegamento al repository GitHub dove scaricherai e utilizzerai tutti i file necessari per completare questa guida dettagliata. Siete pronti? Bene. Puoi andare avanti e accedere alla tua console AWS.

Creazione di un bucket S3

Prima di poter creare il tuo sito Web statico, devi prima creare e configurare un bucket S3. Quando crei il tuo sito Web statico utilizzando Amazon S3, il tuo sito verrà archiviato all'interno di quel bucket.

1. Nella console AWS, vai alla dashboard S3 ---> Crea bucket.

2. Fornire un nome di bucket univoco (my-howtoforge-bucket-7Vftzchzw). Assicurati che il nome del tuo bucket sia univoco. I nomi dei bucket possono contenere solo lettere minuscole, numeri e trattini. Il nome del bucket S3 deve essere univoco in tutto Amazon S3 per impedire a qualcun altro di creare un bucket con lo stesso nome e sovrascrivere il tuo sito Web. Inoltre, il tuo percorso deve essere conforme al DNS, poiché due domini non possono avere lo stesso nome.

3. Deselezionare la casella di controllo Blocca tutti gli accessi pubblici. Se vuoi mantenere privato il tuo sito web, seleziona questa casella di controllo. Se selezionato, solo gli account AWS autenticati potranno accedere al tuo sito web. In questo caso, deselezionare questa casella di controllo per rendere pubblico il nostro esempio. Quindi chiunque può recuperare i nostri file html dal bucket S3 e vedere la nostra pagina web. Seleziona la casella di controllo Confermo che le impostazioni correnti... .

4. Fare clic su Crea bucket nella parte inferiore della pagina.

5. Riceverai un messaggio verde che recita \Bucket creato con successo\ con i dettagli del tuo nuovo bucket S3. Fai clic sul nome del tuo bucket ---> Copia ARN. Amazon Resource Name (ARN) è un identificatore univoco per una risorsa AWS. Quando crei un bucket S3, Amazon genera un ARN univoco per il nuovo bucket. Per assicurarti che le tue risorse AWS siano sicure, Amazon ti richiede di utilizzare i tuoi identificatori univoci o quelli generati da Amazon durante la creazione o la modifica delle risorse. Utilizzerai questo ARN per tenere traccia del tuo bucket e creare il tuo sito web statico.

6. Fai clic su Carica ---> Aggiungi file ---> Seleziona i file che hai scaricato in precedenza ---> Carica.

Il caricamento del tuo sito Web è la parte più semplice della configurazione di un sito statico utilizzando Amazon S3. Il processo di caricamento potrebbe richiedere alcuni minuti per essere completato. Una volta terminato, puoi vedere il messaggio verde Riuscito.

Abilitare l'hosting del tuo sito web statico

Ora che il tuo sito Web è stato caricato su Amazon S3, devi abilitare il tuo sito Web in modo che possa essere visualizzato. L'hosting di siti Web statici consente di servire pagine HTML, CSS e JavaScript statiche da un server Web progettato per contenuti statici. È più conveniente rispetto alle pagine Web dinamiche (ad esempio PHP o ASP).

L'hosting di siti Web statici può essere utilizzato per servire diversi tipi di file come immagini, CSS, JS e altri file statici. Questi file non cambiano molto frequentemente e sono facili da servire a un costo davvero basso.

1. Fai clic su Proprietà ---> Hosting di siti web statici ---> Modifica ---> Abilita.

2. Fai clic su Abilita --->Scegli Tipo di hosting come Ospita un sito web statico. Compila il documento Index come index.html, Documento di errore come error.html. Scorri verso il basso e fai clic su Salva modifiche.

Quando abiliti l'hosting del sito web, devi caricare un documento indice. Il documento indice è il primo file che gli utenti vedono quando accedono al tuo sito Web utilizzando il nome di dominio principale, ad esempio http://my-bucket.s3.amazonaws.com/.

Se non crei un documento di indice o lo elimini in un secondo momento, Amazon S3 restituisce una pagina di errore 404 o un file di indice predefinito. Il file di indice predefinito potrebbe visualizzare il nome del bucket, la data dell'ultimo accesso e altre informazioni generiche. Il nome del documento di indice fa distinzione tra maiuscole e minuscole e deve corrispondere esattamente al nome del documento di indice che carichi nella radice del sito, quindi assicurati che il nome del documento di indice sia scritto correttamente.

Il documento di errore è la pagina che gli utenti vedono se si verifica un errore durante il tentativo di accedere al tuo sito web. Questo file è facoltativo ma consigliato. Quando non carichi il tuo documento di errore personalizzato, Amazon S3 restituisce una pagina di errore 404 predefinita o il documento di indice, se esiste. Anche il nome del documento di errore fa distinzione tra maiuscole e minuscole, quindi assicurati che il nome del documento di errore che carichi sia scritto correttamente.

3. Otterrai un hosting di siti Web statici modificati in verde nel pannello AWS S3 quando abiliti correttamente l'hosting di siti Web statici per il tuo bucket. Vedi anche l'endpoint del bucket del tuo sito. È il nome del tuo bucket, seguito da s3.website.yourregion.amazonaws.com.

4. Apri quell'URL nel tuo browser preferito, riceverai un messaggio 403 Forbidden. Questo perché non viene assegnata la politica corretta. Imposteremo una policy appropriata per accedere al tuo bucket nel passaggio successivo.

Impostazione della corretta politica del bucket

Ora che hai abilitato l'hosting del tuo sito Web su Amazon S3, devi impostare una policy del bucket per accedervi. Una policy di bucket è un insieme di autorizzazioni per l'accesso a un bucket Amazon S3. Per accedere al tuo sito Web dal pubblico, dovrai aggiungere una politica del bucket per consentire l'accesso pubblico al tuo bucket.

1. Nella dashboard di S3, fai clic sulla scheda Autorizzazioni ---> Modifica.

2. Copia e incolla le righe da questo file JSON nell'editor JSON. Sostituisci  con l'ARN effettivo che hai salvato in precedenza.

• Version:  2012-10-17 è la versione del criterio del bucket.
• Istruzione:  PublicReadGetObject è l'azione che deve essere eseguita su tutti gli oggetti nel bucket specificato.
• Principal: l'elemento Principal specifica l'account AWS, l'utente IAM o il gruppo a cui è consentito eseguire l'operazione specificata sull'oggetto. Se sono presenti più entità identificate nell'istruzione, è necessario specificare quale può agire impostando l'elemento Action su Allow o Deny.
• Azione: l'elemento Azione specifica il tipo di accesso consentito.
• Risorsa: l'elemento Risorsa specifica l'oggetto a cui vengono applicate le autorizzazioni.
• In questo caso, impostiamo una regola PublicReadGetObject che consente a tutti di accedere al tuo bucket e prelevare qualsiasi oggetto (s3:GetObject) nel bucket. Da qui l'asterisco * nella riga Principal. L'asterisco * nella risorsa specifica che la policy del bucket S3 si applica a tutti gli oggetti nel bucket. Assicurati che dopo aver modificato il criterio, l'asterisco deve trovarsi alla fine come mostrato.

3. Al termine, fai clic su Salva modifiche.

Ora il tuo bucket è pubblicamente accessibile, come mostrato di seguito. Puoi vedere che la tua politica ha effetto immediato.

Testare la tua pagina web statica

Ora che hai impostato la policy del bucket, puoi accedere alle pagine web statiche aprendo l'URL dell'endpoint nel browser.

1. Torna al browser in cui hai aperto l'URL dell'endpoint del bucket S3 in precedenza. Ricarica l'URL dell'endpoint del bucket S3 e questa volta dovresti vedere che l'errore 404 è sparito. Se visualizzi l'errore 404, significa che c'è qualcosa che non va nella policy del tuo bucket. Le tue pagine web statiche verranno visualizzate nel browser, come mostrato di seguito. Ora dovresti vedere una versione HTML ben formattata della tua pagina.

2. Puoi anche testare la pagina web di errore accedendo a un URL inesistente, dovrebbe essere visualizzata la pagina web di errore che hai caricato in precedenza, come mostrato di seguito.

Conclusione

In questa guida, abbiamo spiegato come ospitare gratuitamente i tuoi siti Web statici su Amazon S3. Questa guida copriva anche l'intero processo di caricamento del sito Web, l'impostazione della corretta politica del bucket e l'abilitazione dell'hosting del sito Web statico. Questa guida è un modo semplice per ospitare un sito Web gratuitamente a basso costo. Il costo addebitato da Amazon S3 è molto inferiore rispetto ad altri servizi.

Questo articolo ti è stato d'aiuto? È stato facile da capire? Puoi condividere la tua opinione lasciando un commento qui sotto. Con queste nuove conoscenze alle tue spalle, ora puoi automatizzare la distribuzione di siti Web statici su Amazon S3.