Cloudflare: Pages, Workers y protección
Lección 12 de 26 del curso «Vibe coding». Gratis, con animaciones y un test.
Una red delante de tu sitio
Cloudflare es una empresa con una red enorme de servidores por todo el mundo. Se pone entre el visitante y tu sitio. Su truco principal es la CDN, una red de entrega de contenido. Hay copias de tu sitio en servidores de distintos países, y cada visitante las recibe del más cercano. Los puntos del globo son esos servidores. Ejemplo: tu clan de juego vive en varios países y aun así el sitio con el calendario de torneos carga rápido para todos.
El escudo y el candado https
El segundo trabajo de Cloudflare es proteger. Por ejemplo, de un ataque DDoS, cuando una multitud de bots inunda un sitio con pedidos al mismo tiempo para tumbarlo. La red filtra esa basura antes de que llegue a tu sitio: es el escudo del esquema. También está el SSL: el cifrado de la conexión entre el navegador y el sitio, que ves como https en la dirección y un candado. Cloudflare emite el certificado automáticamente.
Pages: un sitio directo desde GitHub
Pages es el hosting de sitios de Cloudflare. El esquema ya lo conoces: conectas un repositorio de GitHub, indicas el comando de build y después de cada push el sitio se actualiza solo. La flecha lateral del esquema es justo eso. Cada rama recibe su enlace de vista previa. En resumen: todo lo de la lección de deploy funciona aquí. Cloudflare va renombrando y uniendo secciones de su panel, pero la idea es la misma.
Workers: código de servidor sin servidor propio
Los Workers son pequeñas piezas de código de servidor que corren dentro de la red de Cloudflare. No hace falta montar tu propio servidor. Ejemplo: el sitio del clan tiene un formulario de inscripción al torneo y hay que guardar las inscripciones. O un botón que le pide a la IA un nombre para el equipo. La clave de IA no puede ir en el frontend, ¿recuerdas? La guarda el Worker: el navegador llama al Worker y el Worker va a la IA con la clave.
Secretos: en el panel, no en el código
Las claves para Workers y Pages se agregan en el panel de Cloudflare como secretos, o sea, variables cifradas. El código las usa por su nombre, por ejemplo AI_KEY, y el valor nunca llega al repositorio. Es la misma idea que con el archivo .env: Git recuerda todo, así que una clave en el código tarde o temprano se filtra. Si una clave igual terminó en el repositorio, revócala en el servicio y crea una nueva.
Cuándo elegir Cloudflare
Cloudflare también tiene DNS para tu dominio (un chip del esquema) y almacenamiento de datos: D1, una base con tablas, y KV, un almacén simple «clave → valor». Elige Cloudflare si tienes un sitio estático o un backend sencillo, dominio propio y visitas de varios países. Suele haber plan gratis; los límites, míralos en su sitio. Revisa si el servicio y el pago están disponibles en tu país. Practica en el simulador de Cloudflare.
Ponte a prueba
- ¿Para qué sirve una CDN?
Respuesta correcta: El visitante recibe el sitio del servidor más cercano. La CDN guarda copias del sitio en todo el mundo, así la página viaja desde el punto más cercano y carga más rápido. - ¿Dónde guardas la clave de IA que usa un Worker?
Respuesta correcta: En los secretos del panel de Cloudflare. El secreto está cifrado y no llega al repositorio. En el frontend o el README cualquiera ve la clave. - ¿Qué significan https y el candado en la dirección?
Respuesta correcta: La conexión del navegador con el sitio está cifrada. El SSL cifra los datos en el camino. La trampa: el candado no prueba que el sitio sea honesto; las estafas también lo tienen.