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:
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", "<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.
- Crear un nuevo
CNAME
registro. Si la zona esexample.com
y desea servir tráfico enwww.example.com
, el nombre debe serwww
- Si desea servir tráfico en example.com (sin www), el nombre debe ser
@
- Y si desea servir tráfico en todos los subdominios, el nombre debe ser
*
como en la captura de pantalla siguiente - 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 inicialeshttps://
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
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":
Haga clic en "Edición rápida":
Editar código de trabajador
- Si ha configurado correctamente invalidación push copiar el contenido de este archivo, de lo contrario, copie el contenido de este archivo.
- En el panel izquierdo, reemplace el contenido existente por el contenido copiado.
- Haga clic en "Guardar e implementar":
Haga clic en Configuración y en "Añadir variable":
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.
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.