Guida introduttiva ad AEM Headless: GraphQL

Un tutorial end-to-end che illustra come creare ed esporre contenuti utilizzando le API GraphQL dell’AEM e utilizzati da un’app esterna, in uno scenario CMS headless.

Questo tutorial esplora come le API GraphQL dell’AEM e le funzionalità headless possono essere utilizzate per potenziare le esperienze emerse in un’app esterna.

Questo tutorial tratta i seguenti argomenti:

• Creare una configurazione di progetto
• Creare modelli per frammenti di contenuto per modellare i dati
• Crea frammenti di contenuto in base ai modelli creati in precedenza.
• Scopri come è possibile eseguire query sui frammenti di contenuto nell’AEM utilizzando lo strumento di sviluppo GraphiQL integrato.
• Per memorizzare o rendere persistenti le query GraphQL nell’AEM
• Utilizzare query GraphQL persistenti da un'app React di esempio

Prerequisiti

Per seguire questa esercitazione sono necessari i seguenti elementi:

• Competenze di base in ambito HTML e JavaScript
• I seguenti strumenti devono essere installati localmente:
  • Node.js v18
  • Git
  • Un IDE (ad esempio, Codice Microsoft® Visual Studio)

Ambiente AEM

Per completare questa esercitazione, si consiglia di accedere come amministratore AEM a un ambiente as a Cloud Service AEM. Se non hai accesso all’ambiente AEM as a Cloud Service, puoi utilizzare SDK Quickstart as a Cloud Service per AEM locale. Tuttavia, è importante notare che alcune schermate dell’interfaccia utente del prodotto, come la navigazione per frammenti di contenuto, sono diverse.

Iniziamo!

Inizia l’esercitazione con Definizione dei modelli per frammenti di contenuto.

Progetto GitHub

Il codice sorgente e i pacchetti di contenuti sono disponibili nel Guide AEM - Progetto WKND GraphQL GitHub.

Se riscontri un problema con l’esercitazione o con il codice, lascia un Problema GitHub.