Activer le pipeline front-end enable-front-end-pipeline

Découvrez comment vous pouvez activer le pipeline frontal pour que les sites existants utilisent des thèmes de site pour personnaliser plus rapidement votre site.

Vue d’ensemble overview

Le pipeline front-end est un mécanisme qui peut rapidement déployer uniquement le code front-end de vos sites web en fonction des thèmes du site et des modèles de site.

Ce pipeline gère uniquement le code frontal, ce qui rend le processus de déploiement plus rapide que les déploiements en pile complète. Il permet aux développeurs front-end de personnaliser facilement votre site sans avoir besoin de connaissances en AEM.

Les sites basés sur des modèles de site peuvent utiliser le pipeline front-end par défaut. Ce document décrit la façon dont vous pouvez adapter vos sites existants pour tirer parti du pipeline front-end.

TIP
Si vous ne connaissez pas le pipeline frontal et si vous ne savez pas comment déployer rapidement des sites à l’aide de celui-ci et des modèles de site, reportez-vous à la section Parcours de création rapide de site pour une introduction.

AEM peut configurer votre site pour charger des thèmes déployés avec le pipeline front-end, même si votre site n’a pas été créé à l’aide de modèles et de thèmes de site, en les superposant aux bibliothèques clientes existantes.

Détails techniques technical-details

Lorsque vous activez le pipeline front-end d’un site, AEM apporte les modifications suivantes à la structure de votre site.

  • Toutes les pages du site incluent un fichier CSS et JS supplémentaire, qui peut être modifié en déployant des mises à jour via un pipeline frontal Cloud Manager dédié.
  • Les fichiers CSS et JS ajoutés sont initialement vides. Vous pouvez toutefois télécharger un dossier "sources de thème" pour configurer la structure de dossiers nécessaire au déploiement des mises à jour de code CSS et JS via le pipeline.
  • Seul un développeur peut annuler la modification, en supprimant les noeuds SiteConfig et HtmlPageItemsConfig que cette opération crée sous /conf/<site-name>/sling:configs.
NOTE
Cette action ne convertit pas automatiquement les bibliothèques clientes existantes du site pour utiliser le pipeline de polices-end. Le déplacement de ces sources du dossier de bibliothèque cliente vers le dossier de pipeline front-end est une tâche qui nécessite un travail manuel par un développeur front-end.

Conditions requises requirements

AEM peut adapter automatiquement votre site existant pour utiliser le pipeline front-end. Pour pouvoir exécuter ce processus, votre site doit utiliser la version v2 ou ultérieure du composant Page des composants principaux.

Activation du pipeline front-end enabling

IMPORTANT
Si vous utilisez (ou envisagez d’utiliser) le pipeline front-end pour développer des sites, la liste des adresses IP autorisées de Cloud Manager doit être ajoutée au préalable.
Voir la section Utiliser la liste des adresses IP autorisées de Cloud Manager avec le pipeline front-end.

L’activation de votre site est effectuée à partir de la console Sites à l’aide du rail de site.

  1. Connectez-vous à AEM et naviguez sur votre site via Navigation globale > Sites.

  2. Sélectionnez votre site dans la console. Sélectionnez la racine du site et non les pages enfants.

  3. Une fois votre site sélectionné, ouvrez le sélecteur de rail à gauche et choisissez Site.

  4. Dans le rail Site cliquez sur le bouton Activer le pipeline front-end.

    Activation du pipeline front-end

  5. AEM vous invite à confirmer avec un aperçu les modifications apportées. Confirmez et votre site est adapté.

Votre site est maintenant prêt à utiliser le pipeline frontal. Pour en savoir plus sur le pipeline front-end et la gestion du thème de votre site, consultez :

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab