Guida introduttiva a AEM Headless - GraphQL

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

Questa esercitazione esplora come AEM le API GraphQL e le funzionalità headless possono essere utilizzate per sviluppare le esperienze emerse in un’app esterna.

Questa esercitazione tratta i seguenti argomenti:

• Creare una configurazione di progetto
• Creare modelli di 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 in AEM utilizzando lo strumento di sviluppo GraphiQL integrato.
• Memorizzazione o persistenza delle query GraphQL in AEM
• Utilizzare query GraphQL persistenti da un'app React di esempio

Prerequisiti

Per seguire questa esercitazione, è necessario quanto segue:

• Competenze di base in HTML e JavaScript
• È necessario installare localmente i seguenti strumenti:
  • Node.js v14+
  • npm 6+
  • Git
  • Un IDE (ad esempio, Codice Microsoft® Visual Studio)

Ambiente AEM

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

Cominciamo!

Avvia l'esercitazione con Definizione dei modelli di frammenti di contenuto.

Progetto GitHub

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

Se trovi un problema con l'esercitazione o il codice, lascia un Problema GitHub.

Risorse Business.Adobe.com