Activer le pipeline front-end pour l’archétype de projet standard d’AEM

Dernière mise à jour : 23 mars 2025

Créé pour :

  • Intermédiaire
  • Développeur
  • Administration

Découvrez comment activer le projet AEM Sites WKND (ou projet standard d’AEM) créé à l’aide de l’archétype de projet d’AEM pour déployer des ressources front-end telles que CSS, JavaScript, des polices et des icônes à l’aide d’un pipeline front-end qui accélère le cycle du développement vers le déploiement. Le développement front-end est séparé du développement back-end full-stack sur AEM. Vous découvrirez également que ces ressources front-end ne sont pas diffusées à partir du référentiel AEM, mais à partir du réseau CDN, un changement de paradigme de diffusion.

Un nouveau pipeline front-end est créé dans Adobe Cloud Manager, qui ne crée et ne déploie que les artefacts ui.frontend sur le réseau CDN intégré et informe AEM sur son emplacement. Dans AEM, pendant la génération HTML de la page web, les balises <link> et <script> font référence à cet emplacement d’artefact dans la valeur d’attribut href.

Cependant, après la conversion du projet AEM Sites WKND, les développeurs et développeuses front-end peuvent travailler séparément et parallèlement à tout développement back-end full-stack sur AEM, qui possède ses propres pipelines de déploiement.

IMPORTANT
En règle générale, le pipeline front-end est utilisé avec la création rapide de site d’AEM. Pour en savoir plus, consultez le tutoriel connexe Prise en main d’AEM Sites - création rapide de site. Vous rencontrerez dans ce tutoriel et les vidéos qui lui sont associées des références à ceci, afin de garantir que les différences subtiles sont expliquées et que les comparaisons directes ou indirectes expliquent les concepts indispensables.

Un tutoriel en plusieurs étapes décrit l’mplémentation d’un site AEM pour une marque de style de vie fictive, WKND, à l’aide de la fonction Création rapide de site. Nous vous invitons également à vérifier le Workflow de thème pour comprendre les rouages du pipeline front-end.

Présentation, avantages et considérations du pipeline front-end

NOTE
Cette section s’applique uniquement à AEM as a Cloud Service et non aux déploiements d’Adobe Cloud Manager basés sur AMS.

Prérequis

L’étape de déploiement de ce tutoriel se déroule dans Adobe Cloud Manager. Assurez-vous que vous disposez d’un rôle de Responsable de déploiement et référez-vous aux Définitions des rôles de Cloud Manager.

Veillez à utiliser le programme Sandbox et l‘environnement de développement lorsque vous suivez ce tutoriel.

Étapes suivantes

Un tutoriel détaillé décrit la conversion du projet AEM Sites WKND pour une activation sur le pipeline front-end.

Qu’attendez-vous ? Commencez le tutoriel par le chapitre Examiner le projet full-stack et reprenez le cycle de vie du développement front-end dans le contexte du projet standard d’AEM Sites.

recommendation-more-help