Crea una pipeline front-end per gestire la personalizzazione del tema del sito.
Nel documento precedente del percorso di creazione rapida sito di AEM, Creare sito da modello, hai imparato a utilizzare un modello di sito per creare rapidamente un sito AEM che può essere ulteriormente personalizzato utilizzando gli strumenti front-end e ora dovresti:
Questo articolo si basa su questi elementi fondamentali per consentire l’impostazione di una pipeline front-end, che lo sviluppatore front-end utilizzerà successivamente nel percorso per distribuire personalizzazioni front-end.
Questo documento consente di comprendere le pipeline front-end e come crearne una per gestire la distribuzione del tema personalizzato del sito. Dopo la lettura dovresti:
Questa parte del percorso si applica all’amministratore di Cloud Manager.
Lo sviluppo front-end comporta la personalizzazione di risorse JavaScript, CSS e statiche che definiscono lo stile del sito AEM. Lo sviluppatore front-end lavorerà nei propri ambienti locali per effettuare queste personalizzazioni. Una volta pronte, le modifiche vengono salvate nell’archivio Git AEM. Ma sono impegnati solo nel codice sorgente. Non sono ancora in diretta.
La pipeline front-end porta queste personalizzazioni impegnate e le distribuisce in un ambiente AEM, in genere in ambienti di produzione o di non produzione.
In questo modo, lo sviluppo front-end può funzionare separatamente e parallelamente a qualsiasi sviluppo back-end full-stack su AEM, che dispone di proprie pipeline di distribuzione.
Le pipeline front-end possono distribuire solo risorse JavaScript, CSS e statiche per personalizzare lo stile del sito AEM. Il contenuto del sito, ad esempio pagine o risorse, non può essere distribuito in una pipeline.
Accedi ad Adobe Cloud Manager all’indirizzo my.cloudmanager.adobe.com.
Cloud Manager elenca i vari programmi disponibili. Seleziona quello che desideri gestire. Se hai iniziato a lavorare con AEM as a Cloud Service da poco, probabilmente avrai a disposizione solo un programma.
Viene visualizzata una panoramica del programma. La pagina avrà un aspetto diverso ma simile a questo esempio.
Prendi nota del nome del programma a cui hai effettuato l’accesso o di cui hai copiato l’URL. È necessario fornirlo allo sviluppatore front-end in un secondo momento.
Dopo aver effettuato l’accesso a Cloud Manager, puoi creare una pipeline per la distribuzione front-end.
In Pipeline nella pagina Cloud Manager, seleziona la sezione Aggiungi pulsante.
Nel menu a comparsa visualizzato sotto il pulsante Aggiungi, seleziona Aggiungi pipeline di non produzione ai fini del presente percorso.
Sulla scheda Configurazione della finestra di dialogo Aggiungi pipeline di non produzione che viene visualizzata:
Seleziona Continua.
Sulla scheda Codice sorgente:
Seleziona Salva.
La nuova pipeline viene creata ed è visibile nella sezione Pipeline della finestra di Cloud Manager. Toccando o facendo clic sui puntini di sospensione dopo il nome della pipeline, vengono visualizzate le opzioni che consentono di modificare o visualizzare i dettagli in base alle necessità.
Se conosci le pipeline in AEMaaCS e vuoi saperne di più sulle differenze tra i diversi tipi di pipeline, compresi ulteriori dettagli sulla pipeline front-end, consulta Configurare la pipeline CI/CD - Cloud Services nella sezione Risorse aggiuntive di seguito.
Dopo aver completato questa parte del percorso di creazione rapida sito di AEM, è necessario:
Sviluppa questa conoscenza e continua il percorso di creazione rapida sito di AEM rivedendo il documento Concedere l’accesso allo sviluppatore front-end, dove puoi integrare gli sviluppatori front-end in Cloud Manager in modo che possano accedere all’archivio Git del sito AEM e alla pipeline.
Sebbene sia raccomandato passare alla parte successiva del percorso Creazione rapida sito esaminando il documento Personalizzare il tema del sito, di seguito sono riportate alcune risorse aggiuntive facoltative che approfondiscono alcuni concetti menzionati in questo documento. Non è necessario che tali risorse continuino sul percorso.