MKMassao Kuroiwa
CL
VoltarCloudflare

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

Massao
Massao Kuroiwa
17 de novembro de 2024·2 min·72 leituras

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"

  • 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' },
  })
}
  • 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.
  • 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.

Massao
Massao Kuroiwa
Web Designer & Desenvolvedor Front-End. Apaixonado por tecnologia e web design.