Aprenda a hospedar um site estático de forma simples utilizando o Amazon S3 da AWS.

# Antes de mais nada, o que é o Amazon S3?

O Amazon Simple Storage Service (S3) é o serviço de armazenamento de objetos da AWS que também pode ser utilizado para hospedagem de sites estáticos, ou seja, você não precisa subir o seu site em uma máquina virtual, instalar um Web Server como o Apache ou o NGINX, o Amazon S3 se encarrega de colocar o site no ar, você apenas deve fazer as configurações corretas, que veremos abaixo.

# Crie uma Conta na Amazon Web Services (AWS)

Se você ainda não possui uma conta na AWS, você precisará criar uma. Acesse aws.amazon.com e siga as instruções para se registrar. Você precisará fornecer informações de pagamento, mas fique tranquilo, ao criar a sua conta você ganha 12 meses de free-tier em alguns serviços, incluindo o S3, e os limites para uso do S3 são generosos.

“Free-tier? 12 meses gratuito?!”
Sim, o serviço Amazon S3 pode ser testado por 12 meses com limites interessantes para que possamos testar o serviço, para saber mais acesse a página do Nível gratuito da AWS

# Crie um Bucket no Amazon S3

Uma “bucket” é um recipiente de armazenamento no Amazon S3. Ele será usado para armazenar os arquivos do seu site. Siga estas etapas:

1. Faça login no Console de Gerenciamento da AWS.
2. No console, pesquise pelo nome “S3” e clique no serviço.
3. Clique em “Criar bucket”.
4. Escolha um nome exclusivo para o seu bucket e selecione uma região.
5. Deixe as configurações padrão e clique em “Create bucket”.

É indicado selecionar a região mais próxima ao seu público, no caso de nós brasileiros é a sa-east-1, que embora seja levemente mais cara em comparação às outras regiões da AWS, possui menor latência.

# Configurar as ‘Opções de Acesso’

Para que o seu site seja acessível publicamente, você precisará configurar as permissões corretas no bucket. Siga estas etapas:

1. No console do Amazon S3, selecione o bucket do seu site.
2. Clique em “Permissões” e em “Bloquear acesso público (configurações do bucket)” clique em “Editar”.
3. Desmarque a opção “Bloquear todo o acesso público” e clique em “Salvar alterações”. Confirme as alterações digitando “confirmar” e salve.
4. Ainda em “Permissões”, vá em “Política do bucket” clique em “Editar”.
5. Cole a política de bucket abaixo, substituindo <seubucket> pelo nome do seu bucket:

{
  "Version": "2012-10-17",
  "Statement": [
    {
      "Sid": "PublicReadGetObject",
      "Effect": "Allow",
      "Principal": "*",
      "Action": "s3:GetObject",
      "Resource": "arn:aws:s3:::<seubucket>/*"
    }
  ]
}

4. Clique em “Salvar alterações”.

# Configurar a Bucket para Hospedagem de Site Estático

1. Clique em “Propriedades” e desça a página até “Hospedagem de site estático” e clique em “Editar”.
2. Selecione “Ativar” e em “Documento de índice” coloque o arquivo inicial do seu site, geralmente index.html.
3. Clique em “Salvar alterações”.

# Enviando os arquivos do site

Agora que tudo está configurado, você pode enviar os arquivos do seu site, para isso, siga os passo abaixo.

1. Clique em “Objetos” e em seguida “Carregar”
2. Arraste os arquivos do seu site ou clique em “Adicionar arquivos”, em seguida clique em “Carregar”.
3. Aguarde o carregamento dos arquivos.

# Acessando o seu site

Com a bucket configurada e com os arquivos do seu site, vamos descobrir a URL gerada e acessar o site.

1. Clique em “Propriedades” e desça a página até “Hospedagem de site estático”, a sua url aparecerá logo abaixo.
2. Agora, basta acessar e ver o seu site no ar. 🚀

# É possível utilizar o meu domínio com esse tipo de hospedagem?

Sim, é possível! Caso você registre o domínio pela própria AWS usando o Route53, fica ainda mais fácil, acesse este link para saber mais.