Activer le pipeline front-end pour l’archétype de projet standard d’AEM enable-front-end-pipeline-standard-aem-project
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.
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
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 next-steps
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.