AWS S3 estático Hospedagem de sites com AWS Cloudfront

AWS S3 estático Hospedagem de sites com AWS Cloudfront
CloudFront é o serviço da web fornecido pela Amazon para a entrega rápida de conteúdo em toda a web.
O AWS CloudFront é muito útil na rede, pois acelera a entrega de conteúdo na Web e reduz a latência da rede. CloudFront é um dos serviços da AWS mais usados.

Sites estáticos e dinâmicos podem ser hospedados através da AWS Cloudfront. Neste artigo, discutiremos a maneira de hospedar um site estático S3 através do AWS Cloudfront.

As etapas a seguir estão envolvidas no processo de hospedagem de um site estático S3:

  • Crie um balde S3
  • Carregar objetos no balde
  • Crie uma distribuição em CloudFront
  • Abra o site estático na web

Como hospedar um site estático S3 através do CloudFront?

O processo de hospedagem no site estático S3 envolve dois dos principais serviços da AWS I.e., AWS S3 e AWS Cloudfront.

Etapa 1: Crie um balde S3
Primeiro, abra o serviço S3 da AWS, procurando o serviço no AWS Management Console.

Clique no botão "Criar balde" na opção Buckets of S3.

Dê um nome globalmente único ao balde e selecione a região.

Os usuários podem adicionar os detalhes e os requisitos ao criar um balde S3 de sua própria escolha. Aqui bloqueamos todo o acesso público marcando a opção.

Como não queremos manter várias variantes dos objetos no balde, basta desativar a versão do balde.

Por fim, clique no botão "Criar balde" e, dessa maneira.

Uma mensagem de sucesso aparece no topo para confirmar que o balde foi criado e o balde recém -criado aparece na lista de baldes.

Etapa 2: Carregar objetos no balde
As informações do site estático devem ser enviadas como os objetos no balde S3; portanto, para fazer upload dos objetos no balde, basta clicar no nome do balde e clicar no botão "Upload" na seção de objetos.

Depois disso, clique no botão "Adicionar arquivos" e, em seguida, navegue e selecione os arquivos do sistema que contêm o conteúdo do site estático.

Depois de selecionar arquivos do sistema, clique no botão "Upload".

A mensagem de sucesso indica que os objetos são carregados com sucesso.

Etapa 3: Crie uma distribuição em CloudFront
Agora, abra o serviço da AWS CloudFront.

Clique no botão "Criar distribuição".

Clique no espaço dado para o domínio de origem. O nome e a origem do recém -criado S3 Bucket aparecerão no menu suspenso. Selecione o balde.

Marque a opção "Redirecionar http para https" na política do protocolo do visualizador para tornar a hospedagem segura. Configure outros detalhes.

Depois de selecionar as opções de acordo com o tipo de site a ser hospedado, clique no botão "Criar distribuição".

Dessa forma, a distribuição é criada com sucesso.

Aparece na lista de distribuições CloudFront com o status exibido como "ativado".

Etapa 4: Abra o site estático na web
O nome de domínio dado à distribuição CloudFront é usado para abrir o site estático na web. Copie o nome de domínio.

Digite “https: //” primeiro e depois cole o nome de domínio copiado no navegador da web. O site estático aparece com o domínio CloudFront no navegador da web.

Isso foi tudo sobre como hospedar um site estático S3 através do AWS Cloudfront.

Conclusão

Hospedar um site estático S3 através do AWS CloudFront requer a criação de um bucket S3 e adicionando objetos a ele, criando uma distribuição em CloudFront adicionando a origem do balde S3 como domínio de origem e colando o nome de domínio da distribuição do CloudFront criada no navegador da web. O conteúdo do site estático armazenado no balde S3 selecionado aparece na interface do navegador da web.