Come accedere ai contenuti tramite API di consegna AEM

In questa parte del AEM Percorso di sviluppo headless, scopri come utilizzare le query GraphQL per accedere al contenuto dei frammenti di contenuto e inviarlo all’app (consegna headless).

La storia finora

Nel documento precedente del percorso senza testa AEM, Come modellare il contenuto hai appreso le nozioni di base sulla modellazione dei contenuti in AEM, quindi ora devi capire come modellare la struttura dei contenuti, quindi realizzare tale struttura utilizzando AEM Modelli di frammento di contenuto e Frammenti di contenuto:

• Riconoscere i concetti e la terminologia relativi alla modellazione dei contenuti.
• Scopri perché è necessaria la modellazione dei contenuti per la distribuzione di contenuti headless.
• Scopri come realizzare questa struttura utilizzando AEM modelli di frammenti di contenuto (e creare contenuti con frammenti di contenuto).
• Come modellare il contenuto; principi con campioni di base.

Questo articolo si basa su questi elementi fondamentali per comprendere come accedere al contenuto headless esistente in AEM utilizzando l’API GraphQL di AEM.

• Pubblico: Principiante
• Obiettivo: Scopri come accedere al contenuto dei frammenti di contenuto utilizzando AEM query GraphQL:
  • Introduce GraphQL e l'API GraphQL AEM.
  • Approfondisci i dettagli dell’API GraphQL AEM.
  • Osserva alcune query di esempio per vedere come funzionano le cose nella pratica.

Vuoi accedere ai tuoi contenuti?

Quindi…hai tutto questo contenuto, ben strutturato (in Frammenti di contenuto) e in attesa di alimentare la tua nuova app. La domanda è: come arrivarci?

Ciò di cui hai bisogno è un modo per eseguire il targeting di contenuti specifici, seleziona ciò che ti serve e restituiscilo all’app per un’ulteriore elaborazione.

Con Adobe Experience Manager (AEM) as a Cloud Service, puoi accedere in modo selettivo ai frammenti di contenuto utilizzando l’API GraphQL di AEM per restituire solo il contenuto necessario. Ciò significa che è possibile realizzare una distribuzione headless di contenuti strutturati da utilizzare nelle applicazioni.

GraphQL - Introduzione

GraphQL è una specifica open source che fornisce:

• linguaggio di query che consente di selezionare contenuto specifico da oggetti strutturati.
• un runtime per eseguire queste query con il contenuto strutturato.

GraphQL è un fortemente API tipizzata. Ciò significa che tutto il contenuto deve essere chiaramente strutturato e organizzato per tipo, in modo che GraphQL comprensivo accesso e modalità. I campi dati sono definiti all’interno degli schemi GraphQL, che definiscono la struttura degli oggetti contenuto.

Gli endpoint GraphQL forniscono quindi i percorsi che rispondono alle query GraphQL.

Ciò significa che l’app può selezionare in modo preciso, affidabile ed efficiente il contenuto necessario, esattamente ciò di cui hai bisogno quando viene utilizzata con AEM.

AEM API GraphQL

L’API GraphQL di AEM è una versione personalizzata basata sulle specifiche standard dell’API GraphQL, appositamente configurata per consentire l’esecuzione di query (complesse) sui frammenti di contenuto.

I frammenti di contenuto vengono utilizzati, in quanto il contenuto è strutturato in base ai modelli di frammenti di contenuto . Questo soddisfa un requisito fondamentale di GraphQL.

• Un modello di frammento di contenuto è costituito da uno o più campi.
  • Ogni campo è definito in base a un tipo di dati.
• I modelli per frammenti di contenuto vengono utilizzati per generare gli schemi AEM GraphQL corrispondenti.

Per accedere effettivamente a GraphQL per AEM (e il contenuto) viene utilizzato un endpoint per fornire il percorso di accesso.

Il contenuto restituito, tramite l’API GraphQL di AEM, può quindi essere utilizzato dalle tue applicazioni.

Per facilitare l’input diretto e il test delle query, è disponibile anche un’implementazione dell’interfaccia standard GraphiQL AEM GraphQL (installabile con AEM). Offre funzioni quali evidenziazione della sintassi, completamento automatico, suggerimento automatico, nonché una cronologia e una documentazione online.

Frammenti di contenuto da utilizzare con l’API GraphQL AEM

I frammenti di contenuto possono essere utilizzati come base per GraphQL per AEM schemi e query come:

• Consentono di progettare, creare, curare e pubblicare contenuti indipendenti dalla pagina che possono essere distribuiti senza problemi.
• Si basano su un modello per frammenti di contenuto, che predefinisce la struttura del frammento risultante utilizzando una selezione di tipi di dati.
• È possibile ottenere livelli aggiuntivi di struttura con il tipo di dati Riferimento frammento, disponibile quando si definisce un modello.

Modelli per frammenti di contenuto

Questi Modelli Di Frammento Di Contenuto:

• Sono utilizzati per generare gli schemi una volta Abilitato.
• Fornisci i tipi di dati e i campi richiesti per GraphQL. Assicurano che la tua applicazione richieda solo ciò che è possibile e riceva ciò che è previsto.
• Tipo di dati Riferimenti ai frammenti può essere utilizzato nel modello per fare riferimento a un altro frammento di contenuto e quindi introdurre ulteriori livelli di struttura.

Riferimenti ai frammenti

La Riferimento frammento:

• È un tipo di dati specifico disponibile quando si definisce un modello di frammento di contenuto.

• Fa riferimento a un altro frammento, a seconda di un modello di frammento di contenuto specifico.

• Consente di creare e quindi recuperare dati strutturati.

  • Quando è definito come multifeed, è possibile fare riferimento a più frammenti secondari (recuperati) dal frammento principale.

Anteprima JSON

Per facilitare la progettazione e lo sviluppo di modelli di frammenti di contenuto, puoi visualizzare in anteprima l’output JSON nell’Editor frammento di contenuto.

Utilizzo dell’API GraphQL AEM

Configurazione iniziale

Prima di iniziare con le query sul contenuto è necessario:

• Abilita l'endpoint

  • Usa Strumenti -> Generale -> GraphQL
  • Abilitazione dell’endpoint GraphQL

• Installa GraphiQL (se necessario)

  • Installato come pacchetto dedicato
  • Installazione dell'interfaccia AEM GraphiQL

Struttura di esempio

Per utilizzare effettivamente l’API GraphQL AEM in una query, possiamo utilizzare le due strutture di modello di frammento di contenuto molto semplici:

• Azienda
  • Nome - Testo
  • Amministratore delegato (Persona) - Riferimento al frammento
  • Dipendenti (persone) - Riferimento/i frammento/i
• Persona
  • Nome - Testo
  • Nome - Testo

Come puoi vedere, i campi Amministratore delegato e Dipendenti fanno riferimento ai frammenti Persona.

I modelli di frammento verranno utilizzati:

• durante la creazione del contenuto nell’Editor frammento di contenuto
• per generare gli schemi GraphQL su cui eseguire la query

Dove testare le query

Le query possono essere immesse nell'interfaccia GraphiQL. Puoi accedere all’editor delle query da:

• Strumenti -> Generale -> Editor query GraphQL
• direttamente; ad esempio, http://localhost:4502/aem/graphiql.html

Guida introduttiva alle query

Una query semplice consiste nel restituire il nome di tutte le voci nello schema Azienda. Qui si richiede un elenco di tutti i nomi aziendali:

query {
  companyList {
    items {
      name
    }
  }
}

Una query leggermente più complessa consiste nel selezionare tutte le persone che non hanno un nome di "Jobs". In questo modo verranno filtrate tutte le persone per quelle che non hanno il nome Jobs (Processi). Questo si ottiene con l'operatore EQUALS_NOT (ce ne sono molti altri):

query {
  personList(filter: {
    name: {
      _expressions: [
        {
          value: "Jobs"
          _operator: EQUALS_NOT
        }
      ]
    }
  }) {
    items {
      name
      firstName
    }
  }
}

È inoltre possibile creare query più complesse. Ad esempio, eseguire una query per tutte le aziende che hanno almeno un dipendente con il nome di "Smith". Questa query illustra il filtro per qualsiasi persona di nome "Smith", che restituisce informazioni da tutti i frammenti nidificati:

query {
  companyList(filter: {
    employees: {
      _match: {
        name: {
          _expressions: [
            {
              value: "Smith"
            }
          ]
        }
      }
    }
  }) {
    items {
      name
      ceo {
        name
        firstName
      }
      employees {
        name
        firstName
      }
    }
  }
}

Per informazioni dettagliate sull’utilizzo dell’API GraphQL AEM e sulla configurazione degli elementi necessari, puoi fare riferimento a:

• Imparare a utilizzare GraphQL con AEM
• Struttura dei frammenti di contenuto di esempio
• Imparare a utilizzare GraphQL con AEM: contenuto di esempio e query

Novità

Ora che hai imparato ad accedere ai contenuti headless e ad eseguire query tramite l’API GraphQL AEM ora puoi scopri come utilizzare l’API REST per accedere e aggiornare il contenuto dei frammenti di contenuto.

Risorse aggiuntive

• GraphQL.org
  • Schemi
  • Variabili
  • Librerie Java GraphQL
• GraphiQL
• Imparare a utilizzare GraphQL con AEM
  • Abilitazione dell’endpoint GraphQL
  • Installazione dell'interfaccia AEM GraphiQL
• Struttura dei frammenti di contenuto di esempio
• Imparare a utilizzare GraphQL con AEM: contenuto di esempio e query
  • Query di esempio: un singolo frammento di città specifico
  • Esempio di query per metadati: elenco dei metadati per i riconoscimenti denominati GB
  • Query di esempio: tutte le città con una variante denominata
• Abilitare la funzionalità dei frammenti di contenuto nel browser di configurazione
• Utilizzo di frammenti di contenuto
  • Modelli per frammenti di contenuto
  • Output JSON
• Comprendere la condivisione delle risorse tra le origini (CORS, Cross-Origin Resource Sharing)
• Generazione dei token di accesso per le API lato server
• Guida introduttiva di AEM Headless - Una breve serie di esercitazioni video che offre una panoramica dell’utilizzo delle funzioni senza testa AEM, inclusa la modellazione dei contenuti e GraphQL.