Crea una pipeline front-end per gestire la personalizzazione del tema del sito.
Nel documento precedente del percorso di creazione di siti rapidi AEM, Crea 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 devi:
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 è necessario:
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 non di 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, come 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. Tocca o fai clic su quello che desideri gestire. Se inizi con AEM as a Cloud Service, 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 che hai copiato l’URL. In seguito, dovrai fornire questa funzionalità allo sviluppatore front-end.
Dopo aver effettuato l’accesso a Cloud Manager, puoi creare una pipeline per la distribuzione front-end.
In Tubi della pagina Cloud Manager, tocca o fai clic sul pulsante Aggiungi pulsante .
Nel menu a comparsa visualizzato sotto la finestra di dialogo Aggiungi pulsante seleziona Aggiungi pipeline non di produzione ai fini del presente percorso.
Sulla Configurazione della scheda Aggiungi pipeline non di produzione che apre:
Tocca o fai clic su Continua.
Sulla Codice sorgente scheda:
Tocca o fai clic su Salva.
La nuova pipeline viene creata e visibile nel Tubi della finestra di Cloud Manager. Quando toccate i 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 Configura pipeline CI/CD - Cloud Services collegati nel Risorse aggiuntive di seguito.
Dopo aver completato questa parte del percorso di creazione siti rapidi AEM, è necessario:
Sviluppare questa conoscenza e continuare il percorso di creazione siti rapida AEM revisione successiva del 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.
Mentre si consiglia di passare alla parte successiva del percorso Creazione rapida siti esaminando il documento Personalizzare il tema del sito, di seguito sono riportate alcune risorse aggiuntive facoltative che approfondiscono alcuni concetti menzionati in questo documento, ma non è necessario che continuino sul percorso.