Configuration du cloud

Les captures d’écran suivantes illustrent la configuration Cloudflare pour diffuser du contenu. Les paramètres essentiels sont marqués d’un cercle rouge.

Cette configuration peut être entièrement effectuée dans le navigateur en utilisant uniquement le tableau de bord du cloud. Si vous connaissez déjà Travailleurs du cloud, Wrangler & GitHub sans craindre de saisir des commandes dans une fenêtre de terminal, vous pouvez suivre les instructions here au lieu de .

Création d’un site Cloud Flare

Si vous disposez déjà d’un site cloud et d’une configuration DNS, vous pouvez passer à la Configuration de l’invalidation push .

Renseignez le domaine :

Sélectionnez un plan :

Notez que les invalidations push chirurgicales ne sont prises en charge que sur la variable Entreprise planifiez. Sur tous les autres plans, l’intégralité du cache du site sera purgée chaque fois qu’un auteur publie un changement de contenu.

Pour cette présentation, nous utiliserons la variable Formule gratuite.

Configuration de l’invalidation push

L’invalidation push purge automatiquement le contenu sur le réseau de diffusion de contenu de production du client (par ex. www.yourdomain.com), chaque fois qu’un auteur publie des modifications de contenu.

Le contenu est purgé par l’URL et par la balise/clé du cache.

L’invalidation push est activée en ajoutant des propriétés spécifiques à la configuration du projet (un classeur Excel nommé .helix/config.xlsx dans SharePoint ou une feuille Google nommée .helix/config dans Google Drive).

Propriétés de configuration :

key
value
commentaire
cdn.prod.host
<Production Host>
Nom d’hôte du site de production, par exemple : www.yourdomain.com
cdn.prod.type
cloudflare
cdn.prod.plan
e.g. free

values : free, pro, business, enterprise

par défaut : free

seul enterprise plan prend en charge la purge par balise

cdn.prod.zoneId
<Cloudflare Zone ID>
Identifiant de la zone de production
cdn.prod.apiToken
<Cloudflare API Token>

Pour créer un jeton API,

  • accéder à Jetons API
  • cliquez sur "Créer un jeton",
  • Accédez à "Créer un jeton personnalisé" en bas de l’écran et cliquez sur "Commencer".
  • saisissez un nom de jeton (par ex. "Production Site Purge Token"),
  • Autorisations : "Zone", "Purge du cache", "Purge"
  • Ressources de zone : "Inclure", "Zone spécifique", "&quot;<your production="" zone="">"
  • Cliquez sur "Continuer vers le résumé".
  • cliquez sur "Créer un jeton",
  • copiez la valeur de jeton générée.

Notez que seuls les sites sur le plan d’entreprise sont urgemment purgés par l’URL et la clé de cache. A Purger tout sera exécuté à la place sur des sites hors entreprise chaque fois qu’un auteur publie un changement de contenu.

Vous pouvez valider les informations d’identification avec cette outil.

Configuration DNS

Pour un nouveau site, nous allons commencer par une configuration DNS simple.

  1. Créer CNAME enregistrement. Si votre zone est example.com et que vous souhaitez diffuser du trafic sur www.example.com, alors le nom doit être www
  2. Si vous souhaitez diffuser du trafic sur example.com (sans www), le nom doit être : @
  3. Et si vous souhaitez diffuser du trafic sur tous les sous-domaines, le nom doit être * comme dans la capture d’écran ci-dessous
  4. Comme nous utilisons des objets Worker pour diffuser le contenu, la valeur du champ Contenu n’a pas d’importance. Il est plus facile d’utiliser votre ref--repo--owner.hlx.live nom d’hôte ici. Il s’agit d’un nom d’hôte et non d’une URL. Par conséquent, laissez le champ https://

Vérifiez que l’enregistrement CNAME est Proxié:

Configuration SSL/TLS

Sélectionner SSL/TLS dans le volet de gauche et Certificats Edge dans la liste déroulante :

Sur le côté droit, faites défiler l’écran jusqu’à Toujours utiliser HTTPS et activez-le :

Configuration de la mise en cache

Créer une règle de page

Copier
url
URL (obligatoire)

Créer un traitement

Sélectionnez Travailleurs dans le volet de gauche, puis cliquez sur "Gérer les travailleurs" :

Cliquez sur "Créer un service" :

Saisissez un nom pour le programme de travail (par exemple "hélice-worker") et cliquez sur "Créer un service" :

Copier
worker
Nom du service

Cliquez sur "Modification rapide" :

Modifier le code de travail

  1. Si vous avez correctement configuré invalidation push copier le contenu de ce fichier, sinon, copiez le contenu de ce fichier.
  2. Dans le volet de gauche, remplacez le contenu existant par le contenu copié.
  3. Cliquez sur "Enregistrer et déployer" :

Cliquez sur Paramètres et sur "Ajouter une variable" :


Copier
variable
Nom de variable
value
Valeur

Ajouter une variable ORIGIN_HOSTNAME et définissez la valeur sur le nom d’hôte de votre origine (par exemple, main--mysite--hlxsites.hlx.live) :

Cliquez sur Triggers et sélectionnez "Ajouter un itinéraire" :



Saisissez l’itinéraire de votre domaine (par ex. www.mydomain.com/*), sélectionnez votre zone et cliquez sur "Ajouter un itinéraire" :

Selon la configuration choisie dans Configuration DNS, vous pouvez sélectionner des itinéraires. www.mydomain.com/*, mydomain.com/*, ou *.mydomain.com/*

Après avoir accompli toutes les étapes, vous devez tous être définis.

Copier
url
Route

Élargir l’empreinte AEM sur votre site web

Si vous commencez par router une partie seulement du site web vers votre .live origine et ont acheminé un dossier spécifique (par exemple, /blog/*) vous pouvez ensuite ajouter d’autres itinéraires chaque fois que vous êtes prêt à exposer de nouvelles sections du site en ajoutant simplement d’autres itinéraires et en répétant les dernières étapes "ajouter un itinéraire" si nécessaire, sans modifier la configuration du programme de travail.

Attention aux doublons

Les moteurs de recherche pénalisent souvent les sites pour le contenu en double. Il est donc important de s’assurer que votre contenu n’est pas disponible ailleurs sur le web. Cloudflare, par défaut, possède malheureusement un paramètre qui exposer votre site à des ports réseau supplémentaires ;. Dans les forfaits cloud payants, vous pouvez bloquer le trafic sur ces ports supplémentaires ;. Il s’agit d’un paramètre recommandé pour les sites de production.

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