Abilitazione della pipeline front-end enable-front-end-pipeline

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

Panoramica overview

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.

TIP
Se non conosci la pipeline front-end e le modalità di distribuzione rapida dei siti che la utilizzano insieme ai modelli, consulta la sezione Percorso di creazione rapida dei siti per una panoramica.

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 technical-details

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.
NOTE
Questa azione non converte automaticamente le librerie client del sito esistenti per utilizzare la pipeline di tipo font-end. Lo spostamento di queste sorgenti dalla cartella della libreria client alla cartella della pipeline front-end richiede il lavoro manuale di uno sviluppatore front-end.

Requisiti requirements

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 enabling

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.

    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:

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab