Hospedagem de sites estáticos no S3
Hospede sites estáticos diretamente em buckets do S3, integrando-os ao Route 53 e ao CloudFront para gerenciamento de domínios e entrega de conteúdo.
Hospedagem de sites estáticos no S3 é uma aula grátis de AWS for Backend Developers (EC2, S3, RDS, Lambda) no CoddyKit. Esta é a aula 2 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de AWS for Backend Developers (EC2, S3, RDS, Lambda), e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de AWS for Backend Developers (EC2, S3, RDS, Lambda) inclui 4 aulas no total.
Partes desta aula ainda não foram traduzidas e aparecem em inglês.
S3 for Static Websites
Amazon S3 isn't just for storing files; it's also a powerful and cost-effective way to host static websites.
Static websites are made of fixed content like HTML pages, CSS stylesheets, JavaScript files, and images. They don't require server-side processing or databases.
Why Host on S3?
Hosting your static website on S3 offers several compelling advantages:
- Scalability: Automatically handles traffic from a few visitors to millions.
- High Availability: Data is redundantly stored across multiple facilities.
- Low Cost: Pay-as-you-go pricing, often much cheaper than traditional hosting.
- No Server Management: AWS takes care of all the underlying infrastructure.
Enabling Website Hosting
To turn your S3 bucket into a website, you enable the 'Static website hosting' feature in the bucket's properties.
You'll specify an index document (e.g., index.html) which is the default page loaded when visitors access your site. You can also define an optional error document (e.g., error.html).
Granting Public Access
For your website to be viewable by everyone, your S3 bucket's content must be publicly readable. This requires configuring a bucket policy.
This policy grants s3:GetObject permission to all users ("Principal": "*") for all objects in your bucket.
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "*",
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::YOUR-BUCKET-NAME/*"
}
]
}Uploading Your Website Files
Once hosting is enabled and the policy is set, simply upload your website files directly to the root of your S3 bucket.
Ensure your main HTML file (e.g., index.html) is at the bucket's root level, along with your CSS, JavaScript, and image files.
Testing the S3 Website Endpoint
After configuring your bucket, S3 provides a unique website endpoint URL. It typically looks like this:
http://your-bucket-name.s3-website-REGION.amazonaws.com
You can use this URL to immediately test your static website and ensure everything is working correctly.
Custom Domains with Route 53
While the S3 website endpoint works, it's not very user-friendly. To use your own domain (e.g., www.mycoolsite.com), you'll integrate with Amazon Route 53.
In Route 53, you create an Alias record that points your custom domain name directly to your S3 website endpoint. This makes your site accessible via your chosen domain.
Introducing CloudFront
For even better performance and security, you can place Amazon CloudFront in front of your S3 static website.
CloudFront is AWS's Content Delivery Network (CDN). It caches your website's content at global 'edge locations' closer to your users.
CloudFront's Key Advantages
Integrating CloudFront with S3 offers significant benefits:
- Faster Delivery: Content served from the nearest edge location, reducing latency.
- HTTPS/SSL: Easily enable secure connections with custom SSL certificates.
- Reduced S3 Load: CloudFront caches content, decreasing direct requests to your S3 bucket.
- Geo-Restriction: Control who can access your content based on their geographic location.
Check Your Knowledge
You've learned how S3, Route 53, and CloudFront work together for static website hosting. Let's test your understanding of CloudFront's role.
Recap: Hosting Your Site
You've learned how to host static websites on AWS S3! This powerful combination provides a scalable, highly available, and cost-effective solution.
- S3: Stores your website files and enables hosting.
- Route 53: Connects your custom domain name to the S3 endpoint.
- CloudFront: Speeds up content delivery and adds HTTPS security.
This setup is ideal for blogs, portfolios, and marketing sites.
Aprenda AWS for Backend Developers (EC2, S3, RDS, Lambda) com um tutor de IA — grátis
Escreva e execute código real no seu navegador, obtenha ajuda instantânea de um tutor de IA 24/7 e continue de onde parou na web ou no app.
- Cursos
- 12
- Aulas
- 48
Perguntas Frequentes
A aula “Hospedagem de sites estáticos no S3” é grátis?
Sim — o texto completo de “Hospedagem de sites estáticos no S3” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de AWS for Backend Developers (EC2, S3, RDS, Lambda), atualize para CoddyKit PRO. O curso de AWS for Backend Developers (EC2, S3, RDS, Lambda) inclui 4 aulas no total.
O que vou aprender em “Hospedagem de sites estáticos no S3”?
Hospede sites estáticos diretamente em buckets do S3, integrando-os ao Route 53 e ao CloudFront para gerenciamento de domínios e entrega de conteúdo. Você pratica AWS for Backend Developers (EC2, S3, RDS, Lambda) com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.
Preciso ter experiência prévia para começar AWS for Backend Developers (EC2, S3, RDS, Lambda)?
Nenhuma experiência prévia é necessária. AWS for Backend Developers (EC2, S3, RDS, Lambda) no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 2 de 4.
Quanto tempo leva a aula “Hospedagem de sites estáticos no S3”?
A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.
Posso escrever e executar código nesta aula de AWS for Backend Developers (EC2, S3, RDS, Lambda)?
Sim. Cada aula de AWS for Backend Developers (EC2, S3, RDS, Lambda) inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.
Todas as aulas deste curso
- Replicação entre regiões do S3
- Hospedagem de sites estáticos no S3
- Notificações de eventos do S3
- Políticas de ciclo de vida e classes de armazenamento do S3