As traduções são geradas por tradução automática. Em caso de conflito entre o conteúdo da tradução e da versão original em inglês, a versão em inglês prevalecerá.
Hospede um site estático usando um bucket e uma distribuição do Lightsail
Visão geral do
Neste tutorial, você cria um site estático hospedado em um bucket do Amazon Lightsail e servido globalmente por meio de uma distribuição do Lightsail.
Essa configuração orienta você na configuração de um site estático com os seguintes recursos:
-
Desempenho global — o Lightsail armazena em cache o conteúdo em pontos de presença em todo o mundo, reduzindo a latência para os visitantes.
-
Segurança — Com o acesso à origem privada ativado, sua distribuição atende objetos privados do seu bucket. Você não precisa configurar seu bucket como público (somente leitura) para que sua distribuição forneça conteúdo.
-
Páginas de erro personalizadas — Mostre páginas de erro amigáveis e de marca em vez de mensagens de erro brutas quando os visitantes encontrarem problemas.
-
Objeto raiz padrão — especifique qual objeto (por exemplo
index.html) o Lightsail serve quando os visitantes solicitam a URL raiz do seu site.
Pré-requisitos
Antes de começar, você deve ter o seguinte:
-
Uma AWS conta. Se você não tiver uma, consulte Introdução à sua conta da AWS.
-
Arquivos estáticos de conteúdo do site, incluindo pelo menos uma página HTML para servir como sua página inicial (comumente chamada
index.html).
dica
Você pode usar um assistente de IA de sua escolha para gerar o conteúdo estático do seu site, incluindo páginas HTML, folhas de estilo CSS e arquivos. JavaScript
Índice
Importante
Os recursos que você criar neste tutorial resultarão em cobranças em sua AWS
conta. Para obter informações sobre preços, consulte os preços do Amazon Lightsail.
Etapa 1: criar um bucket do Lightsail
Crie um bucket para armazenar seus arquivos estáticos do site.
-
Faça login no console do Lightsail.
-
No painel de navegação esquerdo, escolha Armazenamento.
-
Selecione Criar bucket.
-
Escolha o Região da AWS mais próximo do seu público principal.
-
Escolha um plano de armazenamento.
-
Insira um nome para seu bucket (por exemplo,
lightsail-static-site). -
Selecione Criar bucket.
Para obter mais informações, consulte Criar um bucket.
Para saber os preços do bucket, consulte os preços do Amazon Lightsail.
Etapa 2: faça o upload dos arquivos do seu site para o bucket
Faça upload dos arquivos estáticos do site para o bucket que você criou.
-
Escolha a guia Objetos.
-
Na área Lista de objetos, escolha Carregar e selecione os arquivos do seu site. Como alternativa, arraste e solte seus arquivos diretamente na área da lista de objetos.
-
Se seu site tiver subdiretórios (por exemplo,,
css/,images/)js/, arraste e solte a pasta inteira para preservar sua estrutura.
Para obter mais informações, consulte Fazer upload de arquivos para um bucket.
Etapa 3: crie uma distribuição com seu bucket como origem
Crie uma distribuição do Lightsail e configure seu bucket como sua origem.
-
No painel de navegação esquerdo, escolha Redes.
-
Escolha Create distribution (Criar distribuição).
-
Na seção Escolha sua origem, selecione Região da AWS onde você criou seu bucket.
-
Escolha o seu bucket como a origem.
-
Selecione Ativar acesso de origem privada. Com essa opção ativada, sua distribuição pode servir objetos particulares em seu bucket. Sua distribuição sempre serve objetos públicos, independentemente de o acesso à origem privada estar ativado ou não.
-
(Opcional) Em Configurações de hospedagem, insira um objeto raiz padrão (por exemplo,
index.html). Esse é o objeto que sua distribuição do Lightsail serve quando um visitante navega até a URL raiz da sua distribuição (por exemplo,).https://abc123.cloudfront.net/Se você não especificar um objeto raiz padrão, as solicitações para o URL raiz retornarão um erro. -
Escolha um plano de distribuição.
nota
O pacote de distribuição de USD 2,50 inclui 50 GB de transferência de dados de saída por mês. Como um guia aproximado, são aproximadamente 50.000 visualizações de página para uma página de 1 MB (cerca de 25.000 para uma página mais pesada de 2 MB). Seu alcance real depende do tamanho da página: páginas mais leves e visitantes recorrentes, cujos navegadores armazenam seus ativos em cache, ampliam ainda mais o alcance.
-
Insira um nome para sua distribuição.
-
Escolha Create distribution (Criar distribuição).
O Lightsail cria sua distribuição após alguns instantes.
Para saber os preços de distribuição, consulte os preços do Amazon Lightsail.
nota
Com o acesso à origem privada ativado, você não precisa alterar suas permissões de acesso ao bucket. Seu bucket pode permanecer definido como “Todos os objetos são privados” — somente sua distribuição tem acesso de leitura.
O acesso de origem privada controla como sua distribuição chega ao seu bucket — ele não torna o conteúdo do seu site privado. Qualquer objeto que sua distribuição serve é acessível publicamente a qualquer pessoa que tenha o URL da sua distribuição. Armazene somente o conteúdo que você pretende publicar em um bucket que você usa para hospedagem de sites. Não coloque objetos particulares ou confidenciais nele.
Depois que seu status de distribuição mudar para Implantado, seu site estático estará ativo e acessível.
Navegue até a página de gerenciamento da sua distribuição para encontrar a URL do seu site. O domínio padrão (por exemplo,abc123.cloudfront.net) é o endereço em que seu site estático agora está acessível. Abra esse URL em seu navegador para visualizar seu site.
Etapa 4: adicionar uma resposta de erro personalizada
Depois de criar sua distribuição, abra a página de gerenciamento para adicionar respostas de erro personalizadas. Recomendamos adicionar uma resposta de erro para o código de erro HTTP 403. Esse é o erro mais comum que os visitantes encontram quando solicitam uma página que não existe no seu bucket.
Quando você ativa o acesso à origem privada, seu bucket retorna HTTP 403 (Proibido) para objetos que não existem, então configure sua resposta de erro para o código de erro 403.
-
No painel de navegação esquerdo, escolha Rede e, em seguida, escolha a distribuição que você criou.
-
Na guia de detalhes da distribuição, localize a seção Respostas de erro personalizadas e escolha Adicionar resposta de erro.
-
Adicione uma resposta de erro para o código de erro HTTP 403. Especifique o caminho da página de resposta para o objeto que você deseja servir (por exemplo,
/404.html) e defina o código de resposta como 404.
Etapa 5: (Opcional) Configurar um domínio personalizado
Para usar seu próprio domínio (por exemplo,www.example.com) em vez do domínio padrão da sua distribuição:
-
Crie um SSL/TLS certificado para seu domínio. Para obter mais informações, consulte Criar SSL/TLS certificados para sua distribuição.
-
Habilite domínios personalizados em sua distribuição. Para obter mais informações, consulte Habilitar domínios personalizados para a sua distribuição.
-
Adicione um registro de alias de DNS apontando seu domínio para sua distribuição. Para obter mais informações, consulte Apontar o domínio para uma distribuição.
Solução de problemas
Meu site mostra “Acesso negado” por meio da distribuição
-
Verifique se o acesso à origem privada está habilitado em sua distribuição.
-
Verifique se seu status de distribuição é Implantado (não InProgress).
-
Confirme se o objeto que você especificou como objeto raiz padrão existe em seu bucket no caminho exato que você forneceu. O objeto pode estar em uma subpasta, desde que o caminho para ele esteja correto (por exemplo,
index.htmloucontent/index.html).
Meu site ainda mostra conteúdo antigo após o upload de novos arquivos
-
O Lightsail distribui conteúdo em cache em pontos de presença. Escolha Redefinir cache na sua página de gerenciamento de distribuição para limpar todo o conteúdo em cache. Para obter mais informações, consulte Redefinir o cache da sua distribuição.
-
Como alternativa, aguarde até que a vida útil do cache (TTL) expire. O padrão é 1 dia.
Desativei o acesso à origem privada, mas ainda vejo meu conteúdo
O armazenamento em cache causa isso. Sua distribuição do Lightsail armazena conteúdo em cache em seus pontos de presença, e seu navegador também armazena conteúdo localmente. Depois de alterar sua configuração, os dois caches podem continuar a veicular o conteúdo anterior até serem limpos.
-
Para limpar o cache de distribuição, escolha Redefinir cache na página de gerenciamento da sua distribuição. Você também pode ajustar a forma como sua distribuição armazena conteúdo em cache na guia Cache. Para obter mais informações, consulte Redefinir o cache da sua distribuição.
-
Para limpar o cache do navegador, atualize a página com força (pressione Command+Shift+R no macOS ou Ctrl+Shift+R no Windows e Linux).
Próximas etapas e recursos relacionados
-
Habilite domínios personalizados para sua distribuição — Use seu próprio nome de domínio com seu site estático.
-
Monitore suas métricas de distribuição — Acompanhe solicitações, transferências de dados e taxas de erro.
-
Habilite o controle de versão de objetos em seu bucket — proteja-se contra substituições acidentais durante implantações.
-
Excluir sua distribuição — Remova sua distribuição quando não precisar mais dela.
