Hospedagem grátis com AWS Bucket S3

Hospedando um site estatico na AWS S3 3 - Hospedagem grátis com AWS Bucket S3

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”

Hospedando um site estatico na AWS S3 001 1100x232 - Hospedagem grátis com AWS Bucket S3

3. Quando aparecer a tela que lista seus buckets, clique em “Criar Bucket”

Hospedando um site estatico na AWS S3 002 1100x140 - Hospedagem grátis com AWS Bucket S3

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”

Hospedando um site estatico na AWS S3 003 - Hospedagem grátis com AWS Bucket S3

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

Hospedando um site estatico na AWS S3 004 1 1100x322 - Hospedagem grátis com AWS Bucket S3

Curso On-Line

Migrando sua app para a nuvem da AWS - PRO

image 03 - Hospedagem grátis com AWS Bucket S3

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:

Hospedando um site estatico na AWS S3 009 - Hospedagem grátis com AWS Bucket S3

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”.

Hospedando um site estatico na AWS S3 005 1100x1563 - Hospedagem grátis com AWS Bucket S3

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.

Hospedando um site estatico na AWS S3 006 1100x172 - Hospedagem grátis com AWS Bucket S3

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”.

Hospedando um site estatico na AWS S3 007 - Hospedagem grátis com AWS Bucket S3

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.

Hospedando um site estatico na AWS S3 008 - Hospedagem grátis com AWS Bucket S3
				
					{
    "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.

Compartilhar artigo:
Share on facebook
Share on twitter
Share on pinterest

Deseja receber conte├║do exclusivo?

Cadastre seu e-mail ao lado e fa├ža parte da nossa lista VIP recebendo todas as novidades com prioridade!

Sobre a autora

Deixe um comentário

O seu endere├žo de e-mail n├úo ser├í publicado. Campos obrigat├│rios s├úo marcados com *

Slide 3

Migrando sua app para a nuvem da AWS - PRO

Usando o m├ętodo Turbo Migration, em apenas 2 semanas ou menos voc├¬ conseguir├í levar a sua aplica├ž├úo local ou de uma VPS para a AWS com seguran├ža e objetividade.

Slide 2

Curso AWS Grátis

Aprenda a publicar seu site na AWS de forma gratu├şta por 12 meses, economize com hospedagem e deixe seu site no melhor hosting do mundo.

Slide 1

Modelos de Documentos

Lista de modelos de documentos como contratos, briefings e muito mais, totalmente grátis.

Slide 1

E-books sobre Python

Lista de e-books dispon├şvel para download de forma gratuita.