This content originally appeared on DEV Community and was authored by Carlos Henrique
Muitas vezes, precisamos hospedar um site simples, seja para um portfólio, uma landing page ou um projeto estático. Em vez de investir em servidores complexos, o Amazon S3 oferece uma solução prática e de baixo custo para essa necessidade. Com poucos passos, podemos configurar um bucket no S3 para servir um site estático acessível via internet.
Neste tutorial, vou explorar com vocês o processo de configuração passo a passo.
O que é o Amazon S3?
O Amazon S3 (Simple Storage Service) é um serviço de armazenamento de objetos na nuvem oferecido pela AWS. Ele permite armazenar e recuperar qualquer quantidade de dados a qualquer momento, garantindo alta durabilidade, disponibilidade e escalabilidade. O S3 é amplamente utilizado para armazenar backups, distribuir conteúdo e hospedar sites estáticos de maneira simples e eficiente.
O S3 armazena dados em buckets, que funcionam como "pastas" na nuvem. Cada bucket pode conter arquivos individuais (objetos), como imagens, documentos e páginas web. Ao ativar a hospedagem estática, o S3 passa a servir esses arquivos diretamente pela internet, sem necessidade de servidores tradicionais.
Vantagens e Desvantagens do Amazon S3
✅ Vantagens:
Baixo Custo: Você paga apenas pelo armazenamento e transferência de dados, sem custos fixos.
Alta Disponibilidade: Infraestrutura robusta da AWS garante acesso confiável ao site.
Escalabilidade: Capaz de lidar com um grande número de acessos sem a necessidade de configurar servidores adicionais.
Fácil Configuração: Em poucos passos, seu site pode estar no ar sem necessidade de servidores web.
Integração com Outras Ferramentas AWS: Como CloudFront para CDN e Route 53 para domínios personalizados.
❌ Desvantagens:
Sem Suporte para Aplicações Dinâmicas: O S3 é adequado apenas para sites estáticos (HTML, CSS, JavaScript puro).
Gerenciamento de Permissões: É necessário configurar corretamente as permissões para garantir acesso público ao site.
URL Padrão Pouco Amigável: O link gerado pelo S3 pode ser longo e complexo, sendo necessário um domínio personalizado para melhorar a experiência do usuário.
Sem HTTPS Nativo: Para ter HTTPS, é necessário configurar o Amazon CloudFront ou outro serviço de CDN.
Passo 1: Criando um Bucket no S3
Acesse o AWS Management Console.
Vá para o serviço S3.
Clique em Criar bucket.
Escolha um nome único para o bucket (ex:meusite-exemplo).
Escolha uma região próxima ao seu público-alvo.
Desmarque a opção "Bloquear todo o acesso público" para permitir que seu site seja acessado publicamente.
Confirme a configuração e clique em Criar bucket.
Passo 2: Habilitando o Bucket para Hospedagem de Site Estático
No S3, clique no bucket que você criou.
Vá para a aba Propriedades.
Role até a seção Hospedagem de site estático e clique em Editar.
Selecione a opção Habilitar.
No campo Documento de índice, insira index.html.
Clique em Salvar alterações.
Isso fará com que o S3 trate index.html como a página inicial do seu site.
Passo 3: Tornando os Arquivos Públicos
Vá para a aba Permissões do bucket.
Role até Política do bucket e clique em Editar.
Cole a seguinte política para permitir acesso público:
{
"Version": "2012-10-17",
"Statement": [
{
"Effect": "Allow",
"Principal": "*",
"Action": "s3:GetObject",
"Resource": "arn:aws:s3:::meusite-exemplo/*"
}
]
}
Substitua meusite-exemplo pelo nome do seu bucket.
Clique em Salvar alterações.
Agora, qualquer pessoa poderá acessar os arquivos do seu bucket via HTTP.
Passo 4: Fazendo o Upload dos Arquivos
Volte para a aba Objetos no S3.
Clique em Fazer upload.
Selecione os arquivos do seu site (index.html, styles.css, etc.).
Clique em Fazer upload.
Passo 5: Acessando o Site
- Após seguir os passos acima, seu site estará disponível em um link semelhante a:
http://meusite-exemplo.s3-website-us-east-1.amazonaws.com
Substitua meusite-exemplo e a região conforme necessário.
Considerações Finais
Agora seu site está no ar! Para tornar o acesso mais profissional, você pode configurar um CloudFront para CDN e usar um domínio personalizado com o Route 53.
Se você gostou deste tutorial, pode comentar e se tiver sugestões vou adorar discutir sobre aqui nos comentários! 🚀
This content originally appeared on DEV Community and was authored by Carlos Henrique
Carlos Henrique | Sciencx (2025-02-21T14:33:50+00:00) Hospedando seu site estático no Amazon S3 🚀. Retrieved from https://www.scien.cx/2025/02/21/hospedando-seu-site-estatico-no-amazon-s3-%f0%9f%9a%80/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.