Cloudflare: Pages, Workers e proteção
Aula 12 de 26 do curso “Vibe coding”. Grátis, com animações e teste.
Uma rede na frente do seu site
Cloudflare é uma empresa com uma rede enorme de servidores pelo mundo todo. Ela fica entre o visitante e o seu site. O truque principal é a CDN, uma rede de entrega de conteúdo. Cópias do seu site ficam em servidores de vários países, e cada visitante recebe do mais próximo. Os pontos no globo são esses servidores. Exemplo: seu clã de games mora em países diferentes, mas o site com a agenda de torneios carrega rápido para todos.
O escudo e o cadeado https
O segundo trabalho da Cloudflare é proteger. Por exemplo, de um ataque DDoS, quando uma multidão de bots enche o site de pedidos ao mesmo tempo para derrubá-lo. A rede barra esse lixo antes de chegar ao seu site: é o escudo do esquema. Também tem o SSL: a criptografia da conexão entre o navegador e o site, que aparece como https no endereço e um cadeado. A Cloudflare emite o certificado automaticamente.
Pages: um site direto do GitHub
Pages é a hospedagem de sites da Cloudflare. O esquema é conhecido: você conecta um repositório do GitHub, informa o comando de build e, depois de cada push, o site atualiza sozinho. A seta lateral do esquema é exatamente isso. Cada branch ganha seu link de prévia. Resumindo: tudo da aula de deploy funciona aqui. A Cloudflare renomeia e junta seções do painel com o tempo, mas a ideia continua a mesma.
Workers: código de servidor sem servidor próprio
Workers são pedacinhos de código de servidor que rodam dentro da rede da Cloudflare. Não precisa configurar servidor próprio. Exemplo: o site do clã tem um formulário de inscrição no torneio, e as inscrições precisam ser salvas. Ou um botão que pede à IA um nome para o time. A chave da IA não pode ficar no frontend, lembra? Quem guarda é o Worker: o navegador chama o Worker, e ele chama a IA com a chave.
Segredos: no painel, não no código
As chaves para Workers e Pages são adicionadas no painel da Cloudflare como segredos, ou seja, variáveis criptografadas. O código usa pelo nome, por exemplo AI_KEY, e o valor em si nunca vai para o repositório. É a mesma ideia do arquivo .env: o Git lembra de tudo, então uma chave no código cedo ou tarde vaza. Se uma chave acabou indo para o repositório, revogue no serviço e crie outra.
Quando escolher a Cloudflare
A Cloudflare também tem DNS para o seu domínio (um chip do esquema) e armazenamento de dados: D1, um banco com tabelas, e KV, um armazenamento simples “chave → valor”. Escolha a Cloudflare se você tem um site estático ou um backend simples, domínio próprio e visitantes de vários países. Costuma ter plano grátis; veja os limites no site. Confira se o serviço e o pagamento estão disponíveis no seu país. Pratique no simulador da Cloudflare.
Teste-se
- Para que serve uma CDN?
Resposta certa: O visitante recebe o site do servidor mais próximo. A CDN guarda cópias do site pelo mundo, então a página sai do ponto mais próximo e carrega mais rápido. - Onde guardar a chave de IA que um Worker usa?
Resposta certa: Nos segredos do painel da Cloudflare. O segredo é criptografado e não vai para o repositório. No frontend ou no README qualquer um vê a chave. - O que significam https e o cadeado no endereço?
Resposta certa: A conexão do navegador com o site é criptografada. O SSL criptografa os dados no caminho. A pegadinha: o cadeado não prova que o site é honesto; golpistas também têm.