Abilitazione della pipeline front-end

Scopri come abilitare la pipeline front-end per i siti esistenti, per utilizzare i temi per personalizzare più rapidamente il tuo sito.

Panoramica

La pipeline front-end è un meccanismo che può distribuire rapidamente solo il codice front-end dei siti Web basato sui temi del sito e i modelli del sito.

Invece di distribuire l’intero stack, questa pipeline gestisce solo il codice front-end, rendendo il processo più veloce e consentendo agli sviluppatori di personalizzare facilmente e rapidamente il sito senza conoscere AEM.

Per impostazione predefinita, i siti basati sui modelli di sito possono sfruttare la pipeline front-end. Questo documento descrive come adattare i siti esistenti per sfruttare la pipeline front-end.

Se non hai creato il sito esistente in base a modelli e temi del sito, AEM può configurarlo per caricare i temi distribuiti con la pipeline front-end sopra le librerie client esistenti.

Dettagli tecnici

Quando attivi la pipeline front-end per un sito, AEM apporta le seguenti modifiche alla struttura del sito.

• Tutte le pagine del sito includeranno un ulteriore file CSS e JS, che può essere modificato distribuendo aggiornamenti tramite una pipeline front-end di Cloud Manager dedicata.
• I file CSS e JS aggiunti saranno inizialmente vuoti, ma può essere scaricata una cartella "sorgenti del tema" per avviare la struttura delle cartelle che consente di distribuire gli aggiornamenti del codice CSS e JS tramite tale pipeline.
• Questa modifica può essere annullata solo da uno sviluppatore, eliminando i nodi SiteConfig e HtmlPageItemsConfig creati dall'operazione /conf/<site-name>/sling:configs.

Requisiti

AEM puà adattare automaticamente il sito esistente per utilizzare la pipeline front-end. Per eseguire questa operazione, il sito deve utilizzare v2 o versioni successive del Componente Pagina dei Componenti Core.

Abilitazione della pipeline front-end

L’abilitazione del sito viene eseguita dalla console Sites utilizzando la Barra del sito.

1. Accedi ad AEM e naviga sul tuo sito tramite la Navigazione globale > Sites.

2. Seleziona il sito nella console. Seleziona la directory principale del sito e non le pagine figlie.

3. Con il sito selezionato, apri il selettore della barra a sinistra e scegli Sito.

4. Nella barra del Sito, fai clic sul pulsante Abilita pipeline front-end.

   

5. AEM ti chiederà di confermare una panoramica delle modifiche che verranno apportate. Una volta confermato, il tuo sito viene adattato.

Ora il tuo sito è pronto per utilizzare la pipeline front-end. Per ulteriori informazioni sulla pipeline front-end e sulla gestione del tema del sito, consulta:

• Utilizzo della barra Sito per gestire il tema del sito
• Percorso di Creazione Rapida dei Siti: questo percorso di documentazione offre una panoramica del processo di distribuzione di un sito tramite la pipeline front-end e lo strumento di Creazione Rapida dei Siti.
• Pipeline CI/CD: questo documento descrive la pipeline front-end nel contesto dei livelli pipeline full-stack e web.