Il cloud pubblico è una scelta comune per i siti Web e le app moderni prima dell'hosting privato. Ciò è dovuto a fattori come l'economicità e la scalabilità.
Un sito Web statico visualizza file HTML, CSS e JavaScript predefiniti su un server. Si differenzia da un sito web dinamico che genera contenuti in base alle azioni o alle preferenze dell'utente.
Le piattaforme cloud rendono l'hosting di siti Web statici semplice ed economico. Puoi distribuire un sito Web statico nel cloud utilizzando il provider di servizi cloud AWS.
Che cos'è AWS S3?
Amazon Simple Storage Service (S3) è un servizio di archiviazione dati offerto da Amazon. Puoi pensare a S3 come a una piattaforma web fornita da Amazon in cui puoi archiviare file e qualsiasi altro tipo di dati nel cloud.
AWS S3 è uno dei meccanismi di cloud storage più popolari disponibili su Internet. Oggi è lo spazio di archiviazione di molte applicazioni Web di piccole e grandi dimensioni. Un esempio è Netflix che ospita tutti i suoi contenuti in streaming su di esso.
AWS S3 adotta un'architettura di storage a oggetti che lo rende durevole, scalabile e altamente disponibile per l'uso in qualsiasi istanza. Puoi usarlo per l'archiviazione di app Web, il backup, l'archiviazione dei dati, il ripristino di emergenza e, cosa interessante, l'hosting di siti Web.
Che cos'è un secchio S3?
In AWS S3, le unità di storage sono di diversi tipi e il più semplice è l'oggetto, semplicemente un file. Un bucket S3 è una raccolta di oggetti di diversi tipi. Puoi immaginare un bucket S3 come la cartella principale di un intero sistema che comprende molti file e cartelle di vario tipo.
Puoi gestire i bucket S3 in vari modi. Puoi farlo dalla console AWS, tramite AWS CLI, utilizzando l'SDK AWS e inviando o acquisizione di dati nella tua applicazione tramite l'API REST.
S3 è scalabile, quindi un bucket può contenere quasi tutti i file, indipendentemente dal tipo o dalle dimensioni. In effetti, un singolo oggetto può essere grande quanto 5 Terabyte. Questo è il motivo per cui un bucket S3 è adatto per i backup e il ripristino di emergenza.
Gli oggetti archiviati in un bucket S3 sono generalmente accessibili (di sola lettura) tramite un URL univoco per ciascun oggetto. Puoi anche utilizzare i bucket S3 per l'hosting web statico perché possono servire oggetti su HTTP.
Come puoi quindi utilizzare S3 e forse renderlo la tua piattaforma predefinita per l'hosting di siti Web statici?
Come creare un bucket S3 e configurarlo per l'hosting web
Ecco una procedura dettagliata per creare e configurare un bucket Amazon S3. Imparerai anche come abilitare l'hosting web statico in un bucket.
Per seguire, dovresti registrarsi per un account AWS se non ne hai già uno Per creare un bucket S3 per ospitare il tuo sito Web statico, accedi alla tua console AWS e segui i cinque passaggi seguenti.
- Cerca il servizio S3 e vai al dashboard S3.
- Clicca sul Crea secchio per configurare e creare un nuovo bucket.
- La prima cosa da fare nella schermata di configurazione del bucket è assegnare al tuo bucket un nome univoco a livello globale. S3 ti impedirà di creare un bucket se il nome è già stato preso. Seleziona una regione preferita per il tuo bucket o lascia la regione selezionata per impostazione predefinita. Inoltre, lascia la sezione "Proprietà oggetto" come predefinita.
- Per ospitare siti Web statici su S3, devi rendere il bucket disponibile pubblicamente. Quindi, nel passaggio successivo, deseleziona il Blocca tutti gli accessi pubblici opzione. Quindi riconosci nel messaggio di avviso che compare sotto di esso che accetti di renderlo pubblico. Il controllo delle versioni del bucket non è richiesto, quindi dovresti disabilitarlo.
- Gli ultimi 3 passaggi non richiedono necessariamente un'azione da parte tua. Puoi aggiungere tag se vuoi, come il tag di esempio qui che è "descrizione". Mantieni la crittografia predefinita disabilitata e fai clic su Crea secchio pulsante per creare il tuo nuovo bucket.
Il passaggio successivo consiste nel configurare il nuovo bucket S3 per l'hosting web statico. Per fare ciò, fai clic sul nome del bucket nella dashboard di S3 e, nella nuova schermata che viene caricata, vai a Proprietà scheda.
Scorri verso il basso fino a Hosting statico di siti web sezione e fare clic su Modificare pulsante. Si aprirà la schermata di configurazione dell'hosting del sito Web statico.
Abilitalo e lascia il tipo di hosting come predefinito. Una nota in questa schermata dice: "Affinché i tuoi clienti accedano al contenuto nell'endpoint del sito Web, devi rendere tutto il contenuto leggibile pubblicamente...". Questo è il motivo per cui è stato necessario consentire l'accesso pubblico durante la creazione del bucket in precedenza.
Il Documento indice campo è dove specifichi il file di indice del tuo sito web che di solito è index.html. Il Documento di errore è la pagina che si desidera visualizzare ogni volta che si verifica un errore, ad esempio un errore 404.
Salva le modifiche e torna alla schermata delle proprietà. Dovresti notare un nuovo Endpoint del sito Web del bucket nel Hosting statico di siti web sezione. Potrai utilizzare questo URL per accedere al tuo sito web una volta terminata la configurazione.
Ora hai il tuo bucket configurato e pronto per ospitare un sito Web statico. In che modo quindi aggiungi i file del tuo sito Web al bucket e visualizzi il tuo sito Web?
Come caricare file e cartelle su un bucket S3
Per ospitare il tuo sito Web statico nel cloud su S3, devi caricare i file e le cartelle nel bucket S3 configurato. Torna alla scheda Oggetti e fai clic su uno dei pulsanti di caricamento per caricare i file del tuo sito web.
La schermata successiva è quella in cui puoi aggiungere i file e le cartelle che desideri caricare nel bucket. Assicurati di aggiungere qui il tuo file index.html e ogni altro file o cartella associato al tuo sito web. Le cartelle che potresti voler aggiungere sono le tue cartelle CSS, JavaScript e immagini.
Puoi aggiungere file e cartelle trascinandoli o utilizzando il pulsante "Aggiungi file" o "Aggiungi cartelle". Dopo aver aggiunto tutti i file e le cartelle, fai clic sul pulsante di caricamento alla fine dello schermo. Attendi il caricamento dei file, quindi puoi fare clic sul pulsante di chiusura per tornare alla schermata "Oggetti".
Come proteggere e visualizzare in anteprima il sito Web distribuito
A questo punto, abbiamo quasi finito e il sito Web è quasi pronto per l'anteprima in un browser. Il sito non può ancora essere aperto a causa di Amazon Identità e gestione degli accessi policy che impediscono l'accesso alle risorse in un bucket.
Devi consentire tu stesso l'accesso alle risorse del bucket. Passa alla scheda delle autorizzazioni nel dashboard del bucket e modifica la policy del bucket. Copia e incolla il codice di seguito e sostituisci "website-name" con il nome del tuo bucket.
{
"Versione": "2012-10-17",
"Dichiarazione": [ {
"Sid": "Aggiungi Perm",
"Effetto": "Permettere",
"Principale": "*",
"Azione": "s3: Ottieni Oggetto",
"Risorsa": "arn: aws: s3website-name/*"
} ]
}Salva le modifiche e visita nuovamente la scheda delle proprietà per ottenere l'URL del sito Web dalla sezione del sito Web statico. Copia e incolla l'URL in un browser e vedrai il tuo sito web statico.
L'hosting di siti statici nel cloud è un'alternativa più sicura e scalabile hosting di siti Web statici su pagine Github. Soprattutto per i siti con file multimediali pesanti.
Distribuzione di siti Web statici nel cloud
È abbastanza facile distribuire un sito Web statico nel cloud utilizzando AWS S3. Dovresti considerare di ottenere un nome di dominio personalizzato per un sito di produzione finale.
Amazon offre il proprio servizio di nomi di dominio, Route 53. Puoi anche controllare altri provider DNS per ottenere un nome di dominio a tua scelta.
Il cloud è molto conveniente e facile da usare. Considera di renderlo la tua scelta predefinita per l'hosting di siti Web statici.