Configuración de Cloudflare

Las siguientes capturas de pantalla ilustran cómo configurar Cloudflare para entregar contenido. Los ajustes esenciales están marcados con un círculo rojo.

Esta configuración se puede realizar completamente en el explorador utilizando solo el panel de CloudFlare. Si ya está familiarizado con Trabajadores de Cloudflare, Peleador & GitHub y no tenga miedo de introducir comandos en una ventana de terminal, puede que desee seguir las instrucciones aquí en su lugar.

Creación de un sitio de Cloudflare

Si ya tiene un sitio de cloudflare y la configuración de DNS, puede saltar al Configuración de invalidación push sección.

Introduzca el dominio:

Seleccione un plan:

Tenga en cuenta que las invalidaciones push quirúrgicas solo son compatibles con el Empresa plan. En todos los demás planes, toda la caché del sitio se purgará cada vez que un autor publique un cambio de contenido.

Para esta explicación, utilizaremos el Plan gratuito.

Configuración de invalidación push

La invalidación push purga automáticamente el contenido en la CDN de producción del cliente (por ejemplo, www.yourdomain.com), cada vez que un autor publica cambios de contenido.

El contenido se purga mediante la dirección URL y la clave/etiqueta de caché.

La invalidación push se habilita añadiendo propiedades específicas a la configuración del proyecto (un libro de Excel denominado .helix/config.xlsx en SharePoint o en una hoja de Google denominada .helix/config en Google Drive).

Propiedades de configuración:

key
valor
comentario
cdn.prod.host
<Production Host>
Nombre del host del sitio de producción, p. ej.,. www.yourdomain.com
cdn.prod.type
cloudflare
cdn.prod.plan
e.g. free

valores: free, pro, business, enterprise

valor predeterminado: free

solo el plan empresarial admite la depuración por etiqueta

cdn.prod.zoneId
<Cloudflare Zone ID>
ID de zona de producción
cdn.prod.apiToken
<Cloudflare API Token>

Para crear un token de API,

  • ir a Tokens de API
  • haga clic en "Crear token",
  • vaya a "Crear token personalizado" en la parte inferior y haga clic en "Comenzar"
  • introduzca un nombre de token (por ejemplo, "Production Site Purge Token"),
  • Permisos: "Zone", "Cache Purge", "Purge"
  • Recursos de zona: "Incluir", "Zona específica", "&lt;your production="" zone="">"
  • Haga clic en "Continuar a resumen"
  • haga clic en "Crear token",
  • copie el valor de token generado.

Tenga en cuenta que solo los sitios del plan empresarial se purgarán quirúrgicamente mediante la dirección URL y la clave de caché. A Purgar todo se realizará en sitios que no sean de empresa cada vez que un autor publique un cambio de contenido.

Puede validar las credenciales con esto herramienta.

Configuración de DNS

Para un nuevo sitio, empezaremos con una sencilla configuración de DNS.

  1. Crear un nuevo CNAME registro. Si la zona es example.com y desea servir tráfico en www.example.com, el nombre debe ser www
  2. Si desea servir tráfico en example.com (sin www), el nombre debe ser @
  3. Y si desea servir tráfico en todos los subdominios, el nombre debe ser * como en la captura de pantalla siguiente
  4. Como utilizamos trabajadores para ofrecer el contenido, el valor del campo Contenido no importa. Es más fácil utilizar su ref--repo--owner.hlx.live nombre de host aquí. Este es un nombre de host, no una dirección URL, por lo que no incluya los iniciales https://

Asegúrese de que el registro CNAME sea Proxied:

Configuración de SSL/TLS

Seleccionar SSL/TLS desde el panel izquierdo y Certificados perimetrales en la lista desplegable:

En el lado derecho, desplácese hacia abajo hasta Utilizar siempre HTTPS y habilitarlo:

Configurar almacenamiento en caché

Crear regla de página

Copiar
url
URL (obligatorio)

Crear trabajador

Elija Trabajadores en el panel izquierdo y haga clic en "Administrar trabajadores":

Haga clic en "Crear un servicio":

Introduzca un nombre para el trabajador (p. ej. "helix-worker") y haga clic en "Crear servicio":

Copiar
obrero
Nombre del servicio

Haga clic en "Edición rápida":

Editar código de trabajador

  1. Si ha configurado correctamente invalidación push copiar el contenido de este archivo, de lo contrario, copie el contenido de este archivo.
  2. En el panel izquierdo, reemplace el contenido existente por el contenido copiado.
  3. Haga clic en "Guardar e implementar":

Haga clic en Configuración y en "Añadir variable":


Copiar
variable
Nombre de variable
valor
Valor

Agregar una variable ORIGIN_HOSTNAME y establezca el valor en el nombre de host de su origen (por ejemplo, main--mysite--hlxsites.hlx.live):

Haga clic en los Déclencheur y seleccione "Añadir ruta":



Introduzca la ruta de dominio (por ejemplo, www.mydomain.com/*), seleccione su zona y haga clic en "Añadir ruta":

Según la configuración elegida en Configuración de DNS, seleccionaría las rutas www.mydomain.com/*, mydomain.com/*, o *.mydomain.com/*

Después de completar todos los pasos, debe estar todo configurado.

Copiar
url
Ruta

AEM Ampliación de la huella de la en el sitio web

En caso de que comience con solo una parte del sitio web que se enruta a su .live origen y han enrutado una carpeta específica (p. ej., /blog/*) posteriormente puede agregar más rutas cuando esté listo para exponer nuevas secciones del sitio simplemente agregando más rutas y repitiendo los últimos pasos de "agregar ruta" según sea necesario, sin cambiar la configuración de trabajador.

Tenga cuidado con el contenido duplicado

Los motores de búsqueda suelen penalizar a los sitios por contenido duplicado, por lo que es importante asegurarse de que el contenido no esté disponible en la web en ninguna otra parte. Desafortunadamente, Cloudflare tiene una configuración predeterminada que exponer el sitio en puertos de red adicionales. En los planes Cloudflare de pago puede bloquear tráfico en estos puertos adicionales. Esta es una configuración recomendada para los sitios de producción.

recommendation-more-help
10a6ce9d-c5c5-48d9-8ce1-9797d2f0f3ec