Hosting di siti statici e distribuzione tramite CDN
Serva un sito statico direttamente da un bucket S3 e acceleri la distribuzione globale con una CDN CloudFront davanti a esso.
Hosting di siti statici e distribuzione tramite CDN è una lezione AWS for Backend Developers (EC2, S3, RDS, Lambda) gratuita su CoddyKit. Questa è la lezione 4 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento AWS for Backend Developers (EC2, S3, RDS, Lambda), e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso AWS for Backend Developers (EC2, S3, RDS, Lambda) include 4 lezioni in totale.
Parti di questa lezione non sono ancora state tradotte e vengono mostrate in inglese.
S3 as a Web Server
Beyond storing files, S3 can host a static website, HTML, CSS, JS, and images, with no servers to manage. It is cheap, scalable, and a perfect fit for single-page apps and documentation sites.
Enabling Static Hosting
You enable the static website hosting feature on the bucket and specify an index document (the home page) and an error document.
Index and Error Documents
The index document (often index.html) is served for the root and folder URLs. The error document handles 4xx responses, useful for SPA routing where you point errors back to index.html.
Uploading Your Site
Sync your build output into the bucket. The AWS CLI sync command uploads only changed files.
aws s3 sync ./dist s3://my-site-bucket --deleteContent Types Matter
S3 serves files with the Content-Type stored as metadata. If a CSS file is served as plain text, browsers ignore it. The CLI usually infers types, but verify for unusual extensions.
The Website Endpoint
Static hosting exposes a regional website endpoint URL. It is HTTP only and not ideal for production, which is exactly why we add a CDN next.
http://my-site-bucket.s3-website-us-east-1.amazonaws.comIntroducing CloudFront
CloudFront is AWS's content delivery network. It caches your site at edge locations worldwide, so users get fast responses from a nearby server and your bucket sees less load.
Origins and Distributions
A CloudFront distribution points at an origin (your S3 bucket). CloudFront fetches from the origin on a cache miss and serves the cached copy on subsequent requests.
HTTPS and Custom Domains
CloudFront gives you free HTTPS via AWS Certificate Manager and lets you attach a custom domain like www.example.com, things the raw S3 endpoint cannot do.
Locking Down the Bucket
For security, keep the bucket private and let only CloudFront read it using an Origin Access Control (OAC). Visitors reach content through the CDN, never the bucket directly.
Cache Invalidation
CloudFront caches aggressively. After deploying new content, invalidate the cache so users get the latest version instead of a stale copy.
aws cloudfront create-invalidation \
--distribution-id E123ABC \
--paths "/*"Quick Check
Test your static hosting knowledge.
Recap: Global Static Sites
You can now ship a static site on AWS:
- Enable S3 static website hosting with index/error documents.
aws s3 syncdeploys your build.- CloudFront adds edge caching, HTTPS, and custom domains.
- Use OAC to keep the bucket private and invalidate the cache on deploy.
Impara AWS for Backend Developers (EC2, S3, RDS, Lambda) con un tutor IA — gratis
Scrivi ed esegui vero codice nel tuo browser, ricevi aiuto istantaneo da un tutor IA disponibile 24/7, e riprendi da dove hai lasciato sul web o nell'app.
- Corsi
- 12
- Lezioni
- 48
Domande Frequenti
La lezione «Hosting di siti statici e distribuzione tramite CDN» è gratuita?
Sì — il testo completo di «Hosting di siti statici e distribuzione tramite CDN» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso AWS for Backend Developers (EC2, S3, RDS, Lambda), passa a CoddyKit PRO. Il corso AWS for Backend Developers (EC2, S3, RDS, Lambda) include 4 lezioni in totale.
Cosa imparerò in «Hosting di siti statici e distribuzione tramite CDN»?
Serva un sito statico direttamente da un bucket S3 e acceleri la distribuzione globale con una CDN CloudFront davanti a esso. Eserciti AWS for Backend Developers (EC2, S3, RDS, Lambda) con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare AWS for Backend Developers (EC2, S3, RDS, Lambda)?
Non è richiesta alcuna esperienza precedente. AWS for Backend Developers (EC2, S3, RDS, Lambda) su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 4 di 4.
Quanto tempo richiede la lezione «Hosting di siti statici e distribuzione tramite CDN»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione AWS for Backend Developers (EC2, S3, RDS, Lambda)?
Sì. Ogni lezione AWS for Backend Developers (EC2, S3, RDS, Lambda) include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Bucket e oggetti S3 spiegati
- Versioning e policy del ciclo di vita S3
- Protezione dell'accesso ai dati S3
- Hosting di siti statici e distribuzione tramite CDN