Como Criar uma Página “Em Breve” Utilizando o Workers do Cloudflare

Conteúdo do Artigo

Manter seu site atualizado e disponível é essencial, mas ocasionalmente pode ser necessário tirá-lo do ar para manutenção ou lançamentos. Uma página “Em Breve” bem projetada pode manter os visitantes informados e interessados. O Cloudflare Workers oferece uma solução eficiente e rápida para hospedar essa página. Veja como fazer isso:

O que é o Cloudflare Workers?

O Cloudflare Workers é uma plataforma serverless que permite que você execute JavaScript no edge da rede do Cloudflare, próximo aos usuários finais, reduzindo a latência e melhorando a performance.

Passo a Passo para Criar a Página “Em Breve”

  1. Criar o Script do Worker: Primeiro, crie um script básico para o seu Worker. Esse script irá interceptar todas as requisições e responder com a página “Em Breve”.
addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {
  const html = `
    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Em Breve</title>
      <style>
        body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; font-family: Arial, sans-serif; }
        h1 { color: #333; }
      </style>
    </head>
    <body>
      <h1>Nosso site estará disponível em breve!</h1>
    </body>
    </html>`
  
  return new Response(html, {
    headers: { 'content-type': 'text/html;charset=UTF-8' },
  })
}
  1. Implantar o Worker no Cloudflare:
    • Vá para o painel do Cloudflare e selecione o domínio onde você deseja implantar o Worker.
    • No menu lateral, clique em “Workers” e depois em “Create a Worker”.
    • Cole o script acima na caixa de edição do Worker e salve.
  2. Configurar a Rota:
    • Ainda na seção de Workers, configure a rota para seu Worker. Por exemplo, você pode definir a rota para * (todas as requisições) ou apenas para uma URL específica como seusite.com/em-breve.

Vantagens do Uso do Cloudflare Workers

  • Desempenho: Executar o script no edge da rede do Cloudflare reduz a latência.
  • Escalabilidade: O Cloudflare Workers lida com grandes volumes de tráfego sem problemas.
  • Flexibilidade: Permite personalizar a página “Em Breve” conforme suas necessidades.

Conclusão

Criar uma página “Em Breve” utilizando o Cloudflare Workers é uma maneira eficiente de manter seus visitantes informados enquanto você realiza manutenções ou prepara novas funcionalidades. Esta solução não apenas melhora a experiência do usuário, mas também oferece benefícios de desempenho significativos.

Este artigo foi visualizado 36 vezes.

Compartilhar o Artigo

Sobre o Autor

Oi, eu sou o Massao Kuroiwa! Sou Web Designer e Desenvolvedor Front-End com mais de 9 anos de experiência na criação de sites bonitos, funcionais e otimizados. Comecei minha carreira como técnico em informática e, desde 2015, venho mergulhando no mundo do design e desenvolvimento web, sempre buscando aprender e aprimorar minhas habilidades.

Além de desenvolver sites, também sou um entusiasta do aquarismo. Tenho dois blogs onde compartilho minhas aventuras e conhecimentos.

Obrigado por ler meu artigo! Espero que tenha encontrado informações úteis e inspiradoras. Fique à vontade para explorar mais conteúdos e se conectar comigo.

Últimos Artigos