O serviço S3 da AWS é um armazenador de objetos, totalmente escalável e com total segurança e disponibilidade.
Os buckets S3 foram projetados para ter 99,99% de disponibilidade, isto é, seus dados estão sempre disponíveis e protegidos contra qualquer falha de infra-estrutura.
Esta é a utilização mais comum de um bucket, mas hoje você vai aprender a hospedar um site estático em um Bucket S3, esta função é bem simples de ser configurada então, bora para a mão na massa.
Primeiro vamos criar um bucket dentro do S3 na AWS.
1. Acesse seu Console da AWS.
2. Clique em “Services” e depois digite “S3” na busca e clique em “S3 Scalable Storage in the Cloud”
![Hospedagem grátis com AWS Bucket S3 Hospedando um site estatico na AWS S3 001 1100x232 - Hospedagem grátis com AWS Bucket S3](https://www.upmasters.com/wp-content/uploads/2021/07/Hospedando-um-site-estatico-na-AWS-S3_001-1100x232.png)
3. Quando aparecer a tela que lista seus buckets, clique em “Criar Bucket”
![Hospedagem grátis com AWS Bucket S3 Hospedando um site estatico na AWS S3 002 1100x140 - Hospedagem grátis com AWS Bucket S3](https://www.upmasters.com/wp-content/uploads/2021/07/Hospedando-um-site-estatico-na-AWS-S3_002-1100x140.png)
4. No campo “Nome do Bucket” digite o endereço do seu site, no meu exemplo vou utilizar um endereço que não existe, porém, caso você vá utilizar este bucket para hospedar um site que possui domínio próprio e se você for utilizar o Route 53 para gerenciar os DNS do seu site que vai apontar para este bucket é importante que você coloque o nome do bucket com o nome exato do seu site, desta forma o serviço Route 53 vai encontrar seu bucket e você poderá apontar seu domínio para este bucket apenas escolhendo-o dentro do Route 53.
5. Na “região AWS” vou escolher “Norte da Virgínia”, os custos desta região é mais barato do que a região de São Paulo.
6. Em configurações de bloqueio é necessário definir o bucket com acesso público, isso por que será publicado uma url para toda a web acessar e se você não liberar esse bucket ninguém poderá ver seu site.
7. Selecionar a opção “Reconheço que as configurações tornam meu bucket público” e o restante das configurações vamos manter o padrão.
8. Depois disso só clicar em “Criar Bucket”
![Hospedagem grátis com AWS Bucket S3 Hospedando um site estatico na AWS S3 003 - Hospedagem grátis com AWS Bucket S3](https://www.upmasters.com/wp-content/uploads/2021/07/Hospedando-um-site-estatico-na-AWS-S3_003.png)
9. Depois de criar seu bucket, clique no nome dele na página que lista os buckets no console da AWS.
10. Dentro do bucket selecionado clique em “propriedades” e na seção de “hospedagem de site estático” clique em editar
![Hospedagem grátis com AWS Bucket S3 Hospedando um site estatico na AWS S3 004 1 1100x322 - Hospedagem grátis com AWS Bucket S3](https://www.upmasters.com/wp-content/uploads/2021/07/Hospedando-um-site-estatico-na-AWS-S3_004-1-1100x322.png)
Curso On-Line
Migrando sua app para a nuvem da AWS - PRO
![Hospedagem grátis com AWS Bucket S3 image 03 - Hospedagem grátis com AWS Bucket S3](https://www.upmasters.com/wp-content/uploads/2021/06/image-03.png)
Para este exemplo vou utilizar o site estático que contém três páginas, duas que seriam de conteúdo e uma de erro 404. Além disso tenho também neste repositório um arquivo css.
Caso você queira baixar este repositório teste que estou utilizando para este tutorial, basta clicar aqui.
O site será basicamente assim:
![Hospedagem grátis com AWS Bucket S3 Hospedando um site estatico na AWS S3 009 - Hospedagem grátis com AWS Bucket S3](https://www.upmasters.com/wp-content/uploads/2021/07/Hospedando-um-site-estatico-na-AWS-S3_009.gif)
11. Dentro da edição, selecione a opção “ativar”. Em documento de índice digite a página home do seu site estático, no meu exemplo vou utilizar a padrão index.html. (como esta página é default nem precisa digitar, só vou colocar por questões didáticas). Agora digite a página de erro do seu site estático no campo “Documento de Erro”, no meu caso vou utilizar 404.html. Agora basta clicar em “Salvar alterações”.
![Hospedagem grátis com AWS Bucket S3 Hospedando um site estatico na AWS S3 005 1100x1563 - Hospedagem grátis com AWS Bucket S3](https://www.upmasters.com/wp-content/uploads/2021/07/Hospedando-um-site-estatico-na-AWS-S3_005-1100x1563.png)
Após essa alteração o bucket terá agora uma url pública, está url poderá ser utilizada para outras pessoas acessarem seu site.
Depois de pegar o código fonte do site, você pode arrastar o conteúdo para dentro do seu bucket.
![Hospedagem grátis com AWS Bucket S3 Hospedando um site estatico na AWS S3 006 1100x172 - Hospedagem grátis com AWS Bucket S3](https://www.upmasters.com/wp-content/uploads/2021/07/Hospedando-um-site-estatico-na-AWS-S3_006-1100x172.png)
Ainda falta uma configuração de acesso que você precisa definir dentro do bucket para poder acessá-lo.
Agora vamos para a última configuração do nosso bucket. É preciso definir as políticas de acesso ao bucket e neste caso vou trazer o código que você deve inserir no seu bucket.
12. Ainda dentro do bucket, clique em “Permissões” e encontre a seção “Política do bucket.” Clique em “editar”.
![Hospedagem grátis com AWS Bucket S3 Hospedando um site estatico na AWS S3 007 - Hospedagem grátis com AWS Bucket S3](https://www.upmasters.com/wp-content/uploads/2021/07/Hospedando-um-site-estatico-na-AWS-S3_007.png)
13. Dentro do editar política do bucket você deve inserir o código abaixo, alterando apenas o item Resource com o nome do ARN atrelado ao seu bucket, para copiar este nome basta clicar no botão “copiar” indicado abaixo. Depois disso, salve as alterações de política.
![Hospedagem grátis com AWS Bucket S3 Hospedando um site estatico na AWS S3 008 - Hospedagem grátis com AWS Bucket S3](https://www.upmasters.com/wp-content/uploads/2021/07/Hospedando-um-site-estatico-na-AWS-S3_008.png)
{
"Version": "2012-10-17",
"Statement": [
{
"Sid": "PublicReadGetObject",
"Effect": "Allow",
"Principal": "*",
"Action": [
"s3:GetObject"
],
"Resource": [
"arn:aws:s3:::meusite-jay.com.br/*"
]
}
]
}
Agora basta acessar o link do seu bucket, e seu site já estará disponível para ser acessado por outras pessoas através da url que o bucket já vai te oferecer.
Muito fácil e prático né? Caso tenha alguma dúvida, pode mandar uma mensagem, ou deixar algum comentário aqui embaixo.
Obrigada e até logo.