DocumentazioneAEMTutorial su AEMTutorial WKND di AEM Sites

Abilita pipeline front-end per il progetto standard Archetipo di AEM

Ultimo aggiornamento: 12 giugno 2025
  • Si applica a:
  • Experience Manager as a Cloud Service
  • Argomenti:
  • Archetipo del progetto AEM
  • Cloud Manager
  • Pipeline CI-CD

Creato per:

  • Intermedio
  • Sviluppatore
  • Amministratore
SUGGERIMENTO
Hai considerato Edge Delivery Services per AEM?
È possibile continuare a utilizzare i metodi descritti in questo documento per i progetti esistenti. Tuttavia, per i nuovi progetti, Adobe consiglia di sfruttare Edge Delivery Services.

Scopri come abilitare il progetto AEM WKND Sites (o progetto AEM standard) creato utilizzando Archetipo progetto AEM per distribuire risorse front-end come CSS, JavaScript, Fonts e Icone utilizzando una pipeline front-end per un ciclo di sviluppo-distribuzione più rapido. La separazione dello sviluppo front-end dallo sviluppo back-end full-stack su AEM. Inoltre, scopri come queste risorse front-end sono non fornite dall'archivio AEM ma dalla rete CDN, un cambiamento nel paradigma di consegna.

In Adobe Cloud Manager viene creata una nuova pipeline front-end che crea e distribuisce solo gli artefatti ui.frontend nella rete CDN integrata e informa AEM sulla relativa posizione. In AEM, durante la generazione HTML della pagina Web, i tag <link> e <script> fanno riferimento a questa posizione dell'artefatto nel valore dell'attributo href.

Tuttavia, dopo la conversione del progetto AEM WKND Sites, gli sviluppatori front-end possono lavorare separatamente e in parallelo a qualsiasi sviluppo back-end full-stack su AEM, che dispone di proprie pipeline di distribuzione.

IMPORTANTE
In generale, la pipeline front-end viene in genere utilizzata con la Creazione rapida sito di AEM. È disponibile un'esercitazione correlata Guida introduttiva ad AEM Sites - Creazione rapida sito per ulteriori informazioni. Quindi in questo tutorial e nei video associati ci si imbatte in riferimenti ad esso, questo è per assicurarsi che siano evidenziate sottili differenze e che ci sia qualche confronto diretto o indiretto per spiegare i concetti fondamentali.

Un tutorial con più passaggi correlato illustra come implementare un sito AEM per un brand di lifestyle fittizio, WKND, utilizzando la funzione Creazione rapida di siti. È inoltre utile rivedere il flusso di lavoro Theming per comprendere il funzionamento della pipeline front-end.

Panoramica, vantaggi e considerazioni per la pipeline front-end

video poster

https://video.tv.adobe.com/v/3409343?quality=12&learn=on

NOTE
Questo vale solo per AEM as a Cloud Service e non per le distribuzioni Adobe Cloud Manager basate su AMS.

Prerequisiti

Il passaggio di distribuzione in questa esercitazione si svolge in un Cloud Manager di Adobe. Assicurati di avere il ruolo Responsabile dell'implementazione, consulta Cloud Manager Definizioni dei ruoli.

Per completare questa esercitazione, assicurati di utilizzare il programma sandbox e l'ambiente di sviluppo.

Passaggi successivi

Un tutorial dettagliato illustra la conversione di AEM WKND Sites Project per abilitarla per la pipeline front-end.

Cosa state aspettando? Avvia l'esercitazione passando al capitolo Rivedi progetto full stack e riepiloga il ciclo di vita dello sviluppo front-end nel contesto del progetto AEM Sites standard.

recommendation-more-help
b2a561c1-47c0-4182-b8c1-757a197484f9