A nuvem pública é uma escolha comum para sites e aplicativos modernos antes da hospedagem privada. Isso se deve a fatores como custo-benefício e escalabilidade.
Um site estático exibe arquivos HTML, CSS e JavaScript pré-criados em um servidor. Ele difere de um site dinâmico que gera conteúdo com base nas ações ou preferências do usuário.
As plataformas em nuvem tornam a hospedagem de sites estáticos simples e barata. Você pode implantar um site estático na nuvem usando o provedor de nuvem AWS.
O que é AWS S3?
Amazon Simple Storage Service (S3) é um serviço de armazenamento de dados oferecido pela Amazon. Você pode pensar no S3 como uma plataforma web fornecida pela Amazon onde você pode armazenar arquivos e qualquer outro tipo de dados na nuvem.
AWS S3 é um dos mecanismos de armazenamento em nuvem mais populares disponíveis na internet. É a sala de armazenamento de muitas aplicações web de pequena e grande escala hoje. Um exemplo é o Netflix, que hospeda todo o seu conteúdo de streaming nele.
O AWS S3 adota uma arquitetura de armazenamento de objetos que o torna durável, escalável e altamente disponível para uso em qualquer instância. Você pode usá-lo para armazenamento de aplicativos da Web, backup, arquivamento de dados, recuperação de desastres e, curiosamente, hospedagem de sites.
O que é um bucket S3?
No AWS S3, as unidades de armazenamento são de diferentes tipos, e a mais básica é o objeto — simplesmente um arquivo. Um bucket do S3 é uma coleção de objetos de diferentes tipos. Você pode imaginar um bucket do S3 como a pasta raiz de um sistema inteiro que compreende muitos arquivos e pastas de vários tipos.
Você pode gerenciar buckets do S3 de várias maneiras. Você pode fazer isso no console da AWS, por meio da AWS CLI, usando o AWS SDK e enviando ou pegando dados em seu aplicativo por meio da API REST.
O S3 é escalável, portanto, um bucket pode conter praticamente qualquer arquivo, independentemente do tipo ou tamanho. Na verdade, um único objeto pode ter até 5 Terabytes. É por isso que um bucket do S3 é adequado para backups e recuperação de desastres.
Os objetos armazenados em um bucket do S3 geralmente são acessíveis (somente leitura) por meio de um URL exclusivo para cada objeto. Você também pode usar buckets do S3 para hospedagem na Web estática porque eles podem servir objetos por HTTP.
Como então você pode usar o S3 e talvez torná-lo sua plataforma padrão para hospedar sites estáticos?
Como criar um bucket do S3 e configurá-lo para hospedagem na web
Aqui está um procedimento passo a passo para criar e configurar um bucket do Amazon S3. Você também aprenderá como habilitar a hospedagem na Web estática em um bucket.
Para acompanhar, você deve inscrição para uma conta da AWS se você ainda não tem um. Para criar um bucket do S3 para hospedar seu site estático, faça login no console da AWS e siga as cinco etapas abaixo.
- Procure o serviço S3 e navegue até o painel do S3.
- Clique no Criar intervalo botão para configurar e criar um novo bucket.
- A primeira coisa a fazer na tela de configuração do bucket é dar ao seu bucket um nome globalmente exclusivo. O S3 impedirá que você crie um bucket se o nome já estiver em uso. Selecione uma região preferencial para seu bucket ou deixe a região selecionada por padrão. Além disso, deixe a seção "Propriedade do objeto" como padrão.
- Para hospedar sites estáticos no S3, você precisa disponibilizar o bucket publicamente. Então, na próxima etapa, desmarque o Bloquear todo o acesso público opção. Em seguida, reconheça no aviso que aparece abaixo dele que você concorda em torná-lo público. O versionamento de bucket não é necessário, então você deve desativá-lo.
- As últimas 3 etapas não precisam necessariamente de ação sua. Você pode adicionar tags se quiser, como a tag de amostra aqui que é “descrição”. Mantenha a criptografia padrão desabilitada e clique no botão Criar intervalo botão para criar seu novo bucket.
A próxima etapa é configurar o novo bucket do S3 para hospedagem na Web estática. Para isso, clique no nome do bucket no painel do S3 e, na nova tela que carrega, navegue até o Propriedades aba.
Role para baixo até o Hospedagem de site estático seção e clique no botão Editar botão. Isso abrirá a tela de configuração de hospedagem de site estático.
Habilite-o e deixe o tipo de hospedagem como padrão. Uma nota nesta tela diz: “Para que seus clientes acessem o conteúdo no endpoint do site, você deve tornar todo o seu conteúdo publicamente legível…”. É por isso que foi necessário permitir o acesso público ao criar o bucket anteriormente.
o Documento de índice campo é onde você especifica o arquivo de índice do seu site, que geralmente é index.html. o Documento de erro é a página que você deseja exibir sempre que ocorrer um erro, como um erro 404.
Salve as alterações e retorne à tela de propriedades. Você deve notar um novo Ponto de extremidade do site do bucket no Hospedagem de site estático seção. Você poderá usar esse URL para acessar seu site assim que terminar de configurá-lo.
Agora você tem seu bucket configurado e pronto para hospedar um site estático. Como, então, você adiciona os arquivos do seu site ao bucket e visualiza seu site?
Como fazer upload de arquivos e pastas para um bucket do S3
Para hospedar seu site estático na nuvem no S3, você precisa fazer upload de seus arquivos e pastas para o bucket do S3 configurado. Navegue de volta para a guia de objetos e clique em qualquer um dos botões de upload para fazer upload dos arquivos do seu site.
A próxima tela é onde você pode adicionar os arquivos e pastas que deseja carregar no bucket. Certifique-se de adicionar seu arquivo index.html e todos os outros arquivos ou pastas associados ao seu site aqui. As pastas que você pode querer adicionar são suas pastas CSS, JavaScript e imagem.
Você pode adicionar arquivos e pastas arrastando e soltando ou usando o botão “Adicionar arquivos” ou “Adicionar pastas”. Depois de adicionar todos os arquivos e pastas, clique no botão de upload no final da tela. Aguarde o upload dos arquivos e, em seguida, clique no botão Fechar para retornar à tela "Objetos".
Como proteger e visualizar o site implantado
Nesta fase, estamos quase terminando e o site está quase pronto para visualização em um navegador. O site ainda não pode abrir devido à Amazon Gerenciamento de identidade e acesso políticas que impedem o acesso a recursos em um bucket.
Você mesmo precisa permitir o acesso aos recursos do bucket. Navegue até a guia de permissões no painel do bucket e edite a política do bucket. Copie e cole o código abaixo e substitua “website-name” pelo nome do seu bucket.
{
"Versão": "2012-10-17",
"Declaração": [ {
"Sid": "AdicionarPerm",
"Efeito": "Permitir",
"Diretor": "*",
"Ação": "s3:GetObject",
"Recurso": "arn: aws: s3website-name/*"
} ]
}Salve as alterações e revisite a guia de propriedades mais uma vez para obter a URL do site na seção de site estático. Copie e cole o URL em um navegador e você verá seu site estático.
Hospedar sites estáticos na nuvem é uma alternativa mais segura e escalável para hospedagem de sites estáticos em páginas do Github. Especialmente para sites com arquivos multimídia pesados.
Implantando sites estáticos na nuvem
É muito fácil implantar um site estático na nuvem usando o AWS S3. Você deve considerar obter um nome de domínio personalizado para um site de produção final.
A Amazon oferece seu próprio serviço de nome de domínio, o Route 53. Você também pode verificar outros provedores de DNS para obter um nome de domínio de sua escolha.
A nuvem é muito econômica e fácil de usar. Considere torná-lo sua escolha padrão para hospedagem de sites estáticos.