Esempio di negozio web

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:

  • Consenti il funzionamento indipendente dei sistemi.
  • Fornisci al negozio web contenuti limitati da AEM tramite GraphQL. I contenuti possono essere creati dagli autori in AEM, ma solo visualizzati tramite la SPA del negozio web.
  • Incorpora la SPA del negozio web in AEM. I contenuti possono essere creati da autori e autrici in AEM e visualizzati in AEM nel contesto del negozio web, ma non manipolati.
  • Incorpora la SPA del negozio web in AEM e abilita punti modificabili. I contenuti possono essere creati da autori e autrici in AEM e visualizzati in AEM nel contesto del negozio web e loro hanno una capacità limitata di manipolare i contenuti della SPA del negozio web all’interno di AEM.
  • Incorpora la SPA del negozio web in AEM e abilita intere aree per l’editing. I contenuti possono essere creati da autori e autrici in AEM e visualizzati in AEM nel contesto del negozio web e loro hanno una capacità limitata di manipolare i contenuti della SPA del negozio web all’interno di AEM.

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

NOTE
Naturalmente si potrebbe anche implementare nuovamente la SPA del negozio web come una SPA di AEM pienamente funzionante utilizzando il framework dell’editor SPA AEM. Se si dispone già di AEM e si desidera creare un Web shop o un altro SPA, questo è il metodo consigliato, ma non è incluso nell'ambito del documento.

Livelli di integrazione SPA

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

  • Livello 0: nessuna integrazione

    • SPA e AEM esistono separatamente e non si scambiano informazioni.
    • I contenuti vengono creati, gestiti e distribuiti in modo indipendente in due sistemi distinti.
  • Livello 1: integrazione dei frammenti di contenuto

    • I Frammenti di contenuto vengono utilizzati in AEM per creare e gestire contenuti limitati per la SPA.
    • La SPA recupera questo contenuto tramite API GraphQL di AEM.
    • Alcuni contenuti vengono gestiti in AEM e altri in un sistema esterno.
    • Il contenuto può essere visualizzato solo nella SPA.
  • Livello 2: incorpora la SPA in AEM

    • I Frammenti di contenuto vengono utilizzati in AEM per creare e gestire il contenuto per la SPA.
    • La SPA recupera questo contenuto tramite API GraphQL di AEM.
    • Alcuni contenuti vengono gestiti in AEM e altri in un sistema esterno.
    • Il contenuto può essere visualizzato nel contesto in AEM.
    • È possibile modificare contenuto limitato in AEM.
  • Livello 3: incorpora e abilita completamente SPA in AEM

    • I Frammenti di contenuto vengono utilizzati in AEM per creare e gestire il contenuto per la SPA.
    • La SPA recupera questo contenuto tramite API GraphQL di AEM.
    • Il contenuto può essere visualizzato nel contesto in AEM.
    • La maggior parte dei contenuti può essere modificata 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

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.

  • Livello 1: Frammenti di contenuto e il framework di AEM headless possono essere utilizzati per distribuire contenuto AEM alla SPA.

  • Livello 2: in aggiunta al livello 1:

  • Livello 3: in aggiunta al livello 2:

    • È possibile abilitare intere aree della SPA per consentire una modifica completa in AEM.
recommendation-more-help