DocumentazioneAEM as a Cloud ServiceGuida utente

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

Last update: Tue Aug 27 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Creato per:

  • Amministratore

Scopri come abilitare la pipeline front-end per i siti esistenti per utilizzare i temi del sito per personalizzarlo più rapidamente.

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.

Questa pipeline gestisce solo il codice front-end, rendendo il processo di distribuzione più rapido rispetto alle distribuzioni full-stack. Consente agli sviluppatori front-end di personalizzare facilmente il sito senza dover conoscere l’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 Percorso per la creazione rapida dei siti per un'introduzione.

AEM può configurare il sito per caricare i temi distribuiti con la pipeline front-end, anche se il sito non è stato creato utilizzando modelli e temi del sito, sovrapponendoli a 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 includono un file CSS e JS aggiuntivo, che può essere modificato distribuendo aggiornamenti tramite una pipeline front-end di Cloud Manager dedicata.
  • I file CSS e JS aggiunti sono inizialmente vuoti. Tuttavia, puoi scaricare una cartella "sorgenti del tema" per impostare la struttura di cartelle necessaria per distribuire gli aggiornamenti del codice CSS e JS tramite la pipeline.
  • Solo uno sviluppatore può annullare la modifica eliminando i nodi SiteConfig e HtmlPageItemsConfig creati dall'operazione sotto /conf/<site-name>/sling:configs.
NOTE
Questa azione non converte automaticamente le librerie client esistenti del sito per utilizzare la pipeline 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 poter eseguire questo flusso di lavoro, il sito deve utilizzare v2 o versione successiva del componente Pagina dei Componenti Core.

Abilitazione della pipeline front-end enabling

IMPORTANT
Se utilizzi, o intendi utilizzare, la pipeline front-end per sviluppare siti, è necessario aggiungere in anticipo l’elenco consentiti IP di Cloud Manager.
Consulta Utilizzo dell’Elenco consentiti IP di Cloud Manager con la pipeline front-end.

L'abilitazione del sito viene eseguita dalla console Sites utilizzando la barra 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. L’AEM ti chiede di confermare una panoramica delle modifiche 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