Headful e Headless in AEM headful-headless

I progetti di Adobe Experience Manager possono essere implementati sia in modelli headful che headless, ma la scelta non è binaria. AEM offre la flessibilità di sfruttare i vantaggi di entrambi i modelli in un unico progetto. Questo documento fornisce una panoramica dei diversi modelli e descrive i livelli di integrazione dell’SPA.

Panoramica overview

AEM offre potenti strumenti per gestire sia la creazione dei contenuti che la loro distribuzione in un’unica piattaforma. Si tratta di un modello “headful” tradizionale di gestione dei contenuti, in cui le persone che si occupano di creare e sviluppare i contenuti lavorano sulla stessa piattaforma per distribuire le esperienze a chi consuma i contenuti.

AEM può essere utilizzato anche per gestire semplicemente i contenuti, consentendo la gestione della presentazione e della distribuzione dei contenuti tramite un’altra piattaforma. Si tratta del modello “headless” per la gestione dei contenuti, in cui chi si occupa di creare e sviluppare i contenuti lavora su piattaforme diverse per offrire esperienza a chi consuma i contenuti.

Ma questa non deve essere una scelta binaria. AEM offre una flessibilità senza precedenti, che consente di sfruttare i vantaggi di entrambi i modelli per il progetto.

In un modello headful o full stack, il contenuto viene gestito nell’archivio AEM e i componenti AEM basati su Java, HTL e così via vengono utilizzati per eseguire il rendering del contenuto per l’esperienza utente. In questo modello, la creazione del contenuto, la sua presentazione, distribuzione e attribuzione di stile avvengono in AEM.

In un modello headless, il contenuto viene gestito nell’archivio AEM, ma distribuito tramite API come REST e GraphQL a un altro sistema per eseguire il rendering del contenuto per l’esperienza utente. In questo modello, il contenuto viene creato in AEM, ma la sua presentazione, distribuzione e attribuzione di stile avvengono su un’altra piattaforma.

Le applicazioni a pagina singola (SPA) sono spesso la destinazione del contenuto headless consegnato da AEM. Tuttavia, non è necessario che questi SPA siano completamente esterni all'AEM. L’AEM consente di decidere in che misura l’SPA viene integrato nell’AEM. Prendiamo un esempio.

Esempio di negozio web web-shop-example

Diciamo che hai un negozio web esistente per la tua azienda come una SPA. Contiene tutti i dettagli e le immagini del prodotto. Introduci quindi AEM per potenziare le tue attività di marketing come siti promozionali, blog e contenuti delle campagne. Come si integrano i due? AEM consente una serie di opzioni:

La sezione successiva esplora più dettagliatamente questi livelli di integrazione.

Livelli di integrazione SPA integration-levels

L’integrazione SPA si sviluppa su quattro livelli in AEM.

Il livello 1 è un esempio di implementazione headless tipica. Tuttavia, gli autori e le autrici di contenuti possono visualizzare i propri contenuti solo nel contesto all’interno della SPA. AEM è solo uno strumento di authoring.

Il vantaggio e la flessibilità di AEM si manifestano con i livelli 2 e 3 pur mantenendo i vantaggi di SPA. Gli autori e le autrici dei contenuti possono creare i propri contenuti in AEM, ma anche visualizzarli nel contesto all’interno di AEM. La SPA acquisisce la possibilità di essere creata in AEM, ma viene comunque consegnata come SPA.

Implementazione dei livelli di integrazione implementing

Sono disponibili diversi strumenti in AEM a seconda del livello di integrazione scelto. Ogni livello si basa sugli strumenti utilizzati nel precedente. L’elenco seguente riporta alle relative risorse.