Créez un pipeline frontal pour gérer la personnalisation du thème de votre site.
Dans le document précédent du parcours de création rapide de site AEM, Créer un site à partir d’un modèle, vous avez appris à utiliser un modèle de site pour créer rapidement un site AEM qui peut être davantage personnalisé à l’aide d’outils frontaux. Vous devriez maintenant :
Cet article s’appuie sur ces principes de base afin que vous puissiez configurer un pipeline frontal, que le développeur front-end utilisera ultérieurement dans le parcours pour déployer les personnalisations frontales.
Ce document vous aide à comprendre les pipelines frontaux et comment en créer un pour gérer le déploiement du thème personnalisé de votre site. Après avoir lu ce document, vous devriez :
Cette partie du parcours s’applique à l’administrateur de Cloud Manager.
Le développement frontal implique la personnalisation de ressources JavaScript, CSS et statiques qui définissent le style de votre site AEM. Le développeur front-end travaille dans son propre environnements local pour effectuer ces personnalisations. Une fois qu’elles sont prêtes, les modifications sont validées dans le référentiel git d’AEM. Mais elles ne sont engagées que dans le code source. Elles ne sont pas encore en ligne.
Le pipeline frontal prend ces personnalisations validées et les déploie dans un environnement AEM, généralement des environnements de production ou de non-production.
Ainsi, le développement frontal peut fonctionner séparément et parallèlement à tout développement d’arrière-plan complet sur AEM, qui possède ses propres pipelines de déploiement.
Les pipelines frontaux peuvent uniquement déployer des ressources JavaScript, CSS et statiques pour appliquer un style à votre site AEM. Le contenu du site, tel que les pages ou les ressources, ne peuvent pas être déployé dans un pipeline.
Connectez-vous à Adobe Cloud Manager à l’adresse my.cloudmanager.adobe.com.
Cloud Manager répertorie les différents programmes disponibles. Appuyez ou cliquez sur celui que vous souhaitez gérer. Si vous commencez avec AEM as a Cloud Service, il est probable qu’un seul programme soit disponible.
Vous voyez maintenant un aperçu de votre programme. Votre page sera différente, mais similaire à cet exemple.
Notez le nom du programme auquel vous avez accédé ou copiez l’URL. Vous devrez fournir cette information au développeur front-end ultérieurement.
Maintenant que vous avez accédé à Cloud Manager, vous pouvez créer un pipeline pour le déploiement frontal.
Dans la section Pipelines de la page Cloud Manager, appuyez ou cliquez sur le bouton Ajouter.
Dans le menu pop-up qui s’affiche sous le bouton Ajouter, sélectionnez Ajouter un pipeline hors production aux fins du présent parcours.
Dans l’onglet Configuration de la boîte de dialogue Ajouter un pipeline hors production qui s’ouvre :
Cliquez ou appuyez sur Continuer.
Dans l’onglet Code source :
Cliquez ou appuyez sur Enregistrer.
Le nouveau pipeline est créé et visible dans la section Pipelines de la fenêtre Cloud Manager. Lorsque vous cliquez ou appuyez sur les points de suspension après le nom du pipeline, les options s’affichent pour modifier ou afficher les détails, si nécessaire.
Si vous connaissez déjà les pipelines dans AEMaaCS et souhaitez en savoir plus sur les différences entre les différents types de pipelines, y compris des détails supplémentaires sur le pipeline front-end, reportez-vous au lien Configurer le pipeline CI/CD - Cloud Services dans la section Ressources supplémentaires ci-dessous.
Maintenant que vous avez terminé cette partie du parcours de création rapide de site AEM vous devriez :
Tirez parti de ces connaissances et poursuivez votre parcours de création rapide de site AEM en consultant le document Accorder l’accès au développeur front-end pour intégrer les développeurs front-end dans Cloud Manager afin qu’ils aient accès à votre référentiel Git et à votre pipeline de sites AEM.
Bien qu’il soit recommandé de passer à la partie suivante du parcours de création rapide de site en examinant le document Personnaliser le thème du site, vous trouverez ci-après quelques ressources facultatives supplémentaires pour approfondir un certain nombre de concepts mentionnés dans ce document, mais non obligatoires pour poursuivre le parcours.