AEM GraphQL API för användning med innehållsfragment graphql-api-for-use-with-content-fragments

Lär dig hur du använder innehållsfragment i Adobe Experience Manager (AEM) as a Cloud Service med AEM GraphQL API för leverans av headless-innehåll.

AEM as a Cloud Service GraphQL API som används med innehållsfragment är till stor del baserat på GraphQL-API:t med öppen källkod.

Genom att använda GraphQL API i AEM kan du effektivt leverera innehållsfragment till JavaScript-klienter i headless CMS-implementeringar:

  • Undvika iterativa API-begäranden som REST,
  • se till att leveransen begränsas till de specifika kraven,
  • Det går att skicka exakt det som behövs för återgivningen som svar på en enda API-fråga.
NOTE
GraphQL används för närvarande i två (separata) scenarier i Adobe Experience Manager (AEM) as a Cloud Service:
NOTE
Den senaste informationen om Experience Manager API:er finns även på Adobe Experience Manager as a Cloud Service API:er.

GRAPHQL API graphql-api

GraphQL är:

  • "…ett frågespråk för API:er och en körningsmiljö för att utföra dessa frågor med dina befintliga data. GraphQL ger en fullständig och begriplig beskrivning av data i ditt API, ger kunderna möjlighet att fråga efter exakt vad de behöver och ingenting mer, gör det enklare att utveckla API:er över tid och aktiverar kraftfulla utvecklingsverktyg.".

    Se GraphQL.org

  • "… en öppen specifikation för ett flexibelt API-lager. Placera GraphQL över era befintliga backend-enheter för att skapa produkter snabbare än någonsin …".

    Se Utforska GraphQL.

  • "… ett datamfrågespråk och en specifikation som utvecklats internt av Facebook 2012 innan det publicerades 2015. Det är ett alternativ till REST-baserade arkitekturer i syfte att öka utvecklarnas produktivitet och minimera mängden data som överförs. GraphQL används i produktion av hundratals organisationer av alla storlekar…"

    Se GraphQL Foundation.

Mer information om GraphQL API finns i följande avsnitt (bland annat på engelska):

Implementeringen av GraphQL för AEM baseras på GraphQL Java Library. Se:

GraphQL Terminologi graphql-terminology

GraphQL använder följande:

  • Frågor

  • Scheman och typer:

    • Scheman genereras av AEM baserat på modeller för innehållsfragment.
    • Med hjälp av dina scheman kan GraphQL presentera de typer och åtgärder som är tillåtna för implementeringen av GraphQL AEM.
  • Fält

  • GraphQL-slutpunkt

    • Sökvägen i AEM som svarar på GraphQL-frågor och ger åtkomst till GraphQL-scheman.

    • Mer information finns i Aktivera GraphQL-slutpunkten.

Se (GraphQL.org) Introduktion till GraphQL för utförlig information, inklusive Bästa praxis.

GraphQL Query Types graphql-query-types

Med GraphQL kan du utföra frågor för att returnera:

AEM innehåller funktioner för att konvertera frågor (båda typerna) till beständiga frågor, som kan cachas av Dispatcher och CDN.

GraphQL Query Best Practices (Dispatcher och CDN) graphql-query-best-practices

Beständiga frågor är den metod som rekommenderas för publiceringsinstanser som:

  • de är cachelagrade
  • hanteras de centralt av AEM as a Cloud Service
NOTE
Vanligtvis finns det ingen dispatcher/CDN på författaren, så det är ingen fördel att använda beständiga frågor där, förutom att testa dem.

GraphQL-frågor som använder förfrågningar om POST rekommenderas inte eftersom de inte cachelagras, så i en standardinstans är Dispatcher konfigurerat att blockera sådana frågor.

Även om GraphQL har stöd för GET-förfrågningar kan dessa få träffgränser (t.ex. längden på URL:en) som kan undvikas med beständiga frågor.

Mer information finns i Aktivera cachelagring av beständiga frågor.

NOTE
Om du vill tillåta direkta och/eller POST frågor i Dispatcher kan du be systemadministratören att:
NOTE
Möjligheten att utföra direkta frågor kan vara föråldrad vid något tillfälle i framtiden.

GraphiQL IDE graphiql-ide

Du kan testa och felsöka GraphQL-frågor med GraphiQL IDE.

Använd exempel för författare, förhandsgranskning och Publish use-cases-author-preview-publish

Användningsexemplen kan bero på vilken typ av AEM as a Cloud Service-miljö det är:

  • Publish-miljö; används för att:

    • Frågedata för JS-program (standardfall)
  • Förhandsgranskningsmiljö; används för att:

    • Förhandsgranska frågor innan du distribuerar i Publish-miljön
      • Frågedata för JS-program (standardfall)
  • Författarmiljö, används för att:

    • Fråga efter data för"innehållshanteringssyften":

      • GraphQL i AEM as a Cloud Service är för närvarande ett skrivskyddat API.
      • REST API kan användas för CR(u)D-åtgärder.

Behörigheter permission

Behörigheterna är de som krävs för åtkomst till Assets.

GraphQL-frågor körs med tillstånd från den AEM användaren av den underliggande begäran. Om användaren inte har läsåtkomst till vissa fragment (som lagras som Assets) blir de inte en del av resultatuppsättningen.

Användaren måste också ha tillgång till en GraphQL-slutpunkt för att kunna köra GraphQL-frågor.

Schemagenerering schema-generation

GraphQL är ett högtypat API, vilket innebär att data måste vara tydligt strukturerade och ordnade efter typ.

GraphQL-specifikationen innehåller en serie riktlinjer för hur du skapar ett robust API för att förhöra data i en viss instans. För att kunna göra detta måste en klient hämta Schema, som innehåller alla typer som krävs för en fråga.

För innehållsfragment baseras GraphQL-scheman (struktur och typer) på Enabled Content Fragment Models och deras datatyper.

CAUTION
Alla GraphQL-scheman (härledda från modeller för innehållsfragment som har aktiverats) kan läsas via GraphQL slutpunkt.
Det innebär att du måste se till att inga känsliga data är tillgängliga, eftersom de kan läcka på det här sättet. Detta inkluderar till exempel information som kan finnas som fältnamn i modelldefinitionen.

Om en användare till exempel har skapat en innehållsfragmentmodell med namnet Article, genererar AEM en GraphQL-typ ArticleModel. Fälten i den här typen motsvarar fälten och datatyperna som definieras i modellen. Dessutom skapas några startpunkter för frågor som arbetar med den här typen, till exempel articleByPath eller articleList.

  1. En innehållsfragmentmodell:

    Content Fragment Model for use with GraphQL

  2. Motsvarande GraphQL-schema (utdata från den automatiska dokumentationen för GraphiQL):
    GraphQL-schema baserat på innehållsfragmentmodell

    Detta visar att den genererade typen ArticleModel innehåller flera fält.

    • Tre av dem har kontrollerats av användaren: author, main och referencearticle.

    • De andra fälten lades till automatiskt av AEM och representerar användbara metoder för att tillhandahålla information om ett visst innehållsfragment, i det här exemplet (hjälpfälten) _path, _metadata, _variations.

  3. När en användare har skapat ett innehållsfragment baserat på artikelmodellen kan det sedan förhöras via GraphQL. Se till exempel Exempelfrågor (baserat på en innehållsfragmentstruktur som används med GraphQL).

I GraphQL for AEM är schemat flexibelt. Det innebär att den genereras automatiskt varje gång en innehållsfragmentmodell skapas, uppdateras eller tas bort. Cacheminnen för dataschemat uppdateras också när du uppdaterar en innehållsfragmentmodell.

Cacheminnen för dataschemat uppdateras också när du uppdaterar en innehållsfragmentmodell.

Tjänsten Sites GraphQL avlyssnar (i bakgrunden) alla ändringar som görs i en innehållsfragmentmodell. När uppdateringar upptäcks återskapas endast den delen av schemat. Denna optimering sparar tid och ger stabilitet.

Om du till exempel:

  1. Installera ett paket som innehåller Content-Fragment-Model-1 och Content-Fragment-Model-2:

    1. GraphQL-typer för Model-1 och Model-2 genereras.
  2. Ändra sedan Content-Fragment-Model-2:

    1. Endast GraphQL-typen Model-2 kommer att uppdateras.

    2. Model-1 kommer att förbli densamma.

NOTE
Detta är viktigt att observera om du vill göra satsvisa uppdateringar på modeller för innehållsfragment via REST-API:t, eller på annat sätt.

Schemat hanteras via samma slutpunkt som GraphQL-frågorna, där klienthanteraren hanterar det faktum att schemat anropas med tillägget GQLschema. Om du till exempel utför en enkel GET-begäran på /content/cq:graphql/global/endpoint.GQLschema resulterar det i utdata från schemat med innehållstypen text/x-graphql-schema;charset=iso-8859-1.

Schemagenerering - opublicerade modeller schema-generation-unpublished-models

När innehållsfragment är kapslade kan det hända att en överordnad Content Fragment Model publiceras, men ingen refererad modell gör det.

NOTE
Gränssnittet AEM förhindrar detta, men om publiceringen görs programmatiskt eller med innehållspaket kan det ske.

När detta inträffar genererar AEM ett ofullständigt-schema för den överordnade innehållsfragmentmodellen. Det innebär att fragmentreferensen, som är beroende av den opublicerade modellen, tas bort från schemat.

Fält fields

Inom schemat finns det enskilda fält av två baskategorier:

  • Fält som du genererar.

    Ett urval av datatyper används för att skapa fält baserat på hur du konfigurerar innehållsfragmentmodellen. Fältnamnen hämtas från fältet Egenskapsnamn på fliken Datatyp.

    • Det finns också en inställning för Återge som som ska beaktas, eftersom användare kan konfigurera vissa datatyper. Ett textfält med en rad kan till exempel konfigureras att innehålla flera enkelradstexter genom att välja multifield i listrutan.
  • GraphQL för AEM genererar även flera hjälpfält.

Datatyper data-types

GraphQL för AEM har stöd för en lista med typer. Alla Content Fragment Model-datatyper som stöds och motsvarande GraphQL-typer visas:

Content Fragment Model - datatyp
GraphQL Type
Beskrivning
Enkelradig text
String, [String]
Används för enkla strängar som författarnamn, platsnamn och så vidare.
Flerradstext
String, [String]
Används för att skriva ut text, t.ex. brödtexten i en artikel
Nummer
Float, [Float]
Används för att visa flyttal och reguljära tal
Boolean
Boolean
Används för att visa kryssrutor → enkla sant/falskt-satser
Datum och tid
Calendar
Används för att visa datum och tid i ett ISO 8601-format. Beroende på vilken typ som valts finns det tre olika varianter att använda i AEM GraphQL: onlyDate, onlyTime, dateTime
Uppräkning
String
Används för att visa ett alternativ från en lista med alternativ som definieras när modellen skapas
Taggar
[String]
Används för att visa en lista över strängar som representerar taggar som används i AEM
Innehållsreferens
String, [String]
Används för att visa sökvägen till en annan resurs i AEM
Fragmentreferens
En modelltyp

Ett fält: Model - Modelltyp, refererad direkt

Multifält, med en refererad typ: [Model] - Array av typen Model, refererad direkt från matris

Multifält, med flera refererade typer: [AllFragmentModels] - Array med alla modelltyper, refererad från matris med unionstyp
Används för att referera till en eller flera innehållsfragment av vissa modelltyper, som definieras när modellen skapades

Hjälpfält helper-fields

Förutom datatyperna för användargenererade fält genererar GraphQL för AEM även flera hjälpfält som hjälper till att identifiera ett innehållsfragment eller att tillhandahålla ytterligare information om ett innehållsfragment.

Dessa hjälpfält är markerade med en _ som föregår vad som har definierats av användaren och vad som har genererats automatiskt.

Bana path

Sökvägsfältet används som en identifierare i AEM GraphQL. Den representerar sökvägen till Content Fragment-resursen i AEM. Vi har valt detta som identifierare för ett innehållsfragment eftersom det:

  • är unikt inom AEM,
  • kan enkelt hämtas.

I följande kod visas sökvägarna för alla innehållsfragment som har skapats baserat på innehållsfragmentmodellen Author, som tillhandahålls av WKND-självstudien.

{
  authorList {
    items {
      _path
    }
  }
}

Om du vill hämta ett enstaka innehållsfragment av en viss typ måste du också bestämma sökvägen först. Till exempel:

{
  authorByPath(_path: "/content/dam/wknd-shared/en/contributors/sofia-sj-berg") {
    item {
      _path
      firstName
      lastName
    }
  }
}

Se Exempelfråga - Ett enskilt specifikt stadsfragment.

Metadata metadata

Via GraphQL visar AEM också metadata för ett innehållsfragment. Metadata är den information som beskriver ett innehållsfragment, till exempel titeln på ett innehållsfragment, miniatyrsökvägen, beskrivningen av ett innehållsfragment och datumet då det skapades, bland annat.

Eftersom metadata genereras via Schemaredigeraren och därför inte har någon specifik struktur, implementerades GraphQL-typen TypedMetaData för att visa metadata för ett innehållsfragment. TypedMetaData visar information grupperad efter följande skalärtyper:

Fält
stringMetadata:[StringMetadata]!
stringArrayMetadata:[StringArrayMetadata]!
intMetadata:[IntMetadata]!
intArrayMetadata:[IntArrayMetadata]!
floatMetadata:[FloatMetadata]!
floatArrayMetadata:[FloatArrayMetadata]!
booleanMetadata:[BooleanMetadata]!
booleanArrayMetadata:[booleanArrayMetadata]!
calendarMetadata:[CalendarMetadata]!
calendarArrayMetadata:[CalendarArrayMetadata]!

Varje skalär typ representerar antingen ett namn/värde-par eller en array med namn/värde-par, där värdet för det paret är av den typ som det grupperades i.

Om du till exempel vill hämta titeln för ett innehållsfragment vet vi att den här egenskapen är en String-egenskap, så vi frågar efter alla strängmetadata:

Så här frågar du efter metadata:

{
  authorByPath(_path: "/content/dam/wknd-shared/en/contributors/sofia-sj-berg") {
    item {
      _metadata {
        stringMetadata {
          name
          value
        }
      }
    }
  }
}

Du kan visa alla metadata för GraphQL-typer om du visar det genererade GraphQL-schemat. Alla modelltyper har samma TypedMetaData.

NOTE
Skillnad mellan normala metadata och arraymetadata
Tänk på att både StringMetadata och StringArrayMetadata refererar till det som lagras i databasen, inte till hur du hämtar det.
Om du till exempel anropar fältet stringMetadata får du en array med alla metadata som lagrats i databasen som String , och om du anropar stringArrayMetadata får du en array med alla metadata som lagrats i databasen som String[].

Se Exempelfråga för metadata - Visa en lista över metadata för utdelade med namnet GB.

Variationer variations

Fältet _variations har implementerats för att förenkla frågor om variationer som ett innehållsfragment har. Till exempel:

{
  authorByPath(_path: "/content/dam/wknd-shared/en/contributors/ian-provo") {
    item {
      _variations
    }
  }
}
NOTE
Fältet _variations innehåller inte någon master-variant, eftersom originaldata (som refereras till som Master i användargränssnittet) inte betraktas som en explicit variant.

Se Exempelfråga - Alla städer med en namngiven variant.

NOTE
Om den angivna variationen inte finns för ett innehållsfragment returneras originaldata (kallas även huvudvariant) som ett (reservformat) standardvärde.

GraphQL Variables graphql-variables

GraphQL tillåter att variabler placeras i frågan. Mer information finns i GraphQL-dokumentation för variabler.

Om du till exempel vill hämta alla innehållsfragment av typen Author i en viss variant (om tillgängligt) kan du ange argumentet variation i GraphiQL.

GraphQL-variabler

Fråga:

query($variation: String!) {
  authorList(variation: $variation) {
    items {
      _variation
      lastName
      firstName
    }
  }
}

Frågevariabler:

{
  "variation": "another"
}

Frågan returnerar den fullständiga listan med författare. Författare utan varianten another återgår till originaldata (_variation rapporterar master i det här fallet).

Använd ett filter om du vill begränsa listan till författare som anger den angivna varianten (och hoppa över författare som skulle återgå till originaldata):

query($variation: String!) {
  authorList(variation: $variation, filter: {
    _variation: {
      _expressions: {
        value: $variation
      }
    }
  }) {
    items {
      _variation
      lastName
      firstName
    }
  }
}

GraphQL Direktiv graphql-directives

I GraphQL finns en möjlighet att ändra frågan baserat på variabler, så kallade GraphQL-direktiv.

Där kan du till exempel inkludera fältet adventurePrice i en fråga för alla AdventureModels, baserat på variabeln includePrice.

GraphQL-direktiv

Fråga:

query GetAdventureByType($includePrice: Boolean!) {
  adventureList {
    items {
      title
      price @include(if: $includePrice)
    }
  }
}

Frågevariabler:

{
    "includePrice": true
}

Filtrering filtering

Du kan också använda filtrering i dina GraphQL-frågor för att returnera specifika data.

Vid filtrering används en syntax som baseras på logiska operatorer och uttryck.

Den mest atomiska delen är ett enstaka uttryck som kan tillämpas på innehållet i ett visst fält. Innehållet i fältet jämförs med ett givet konstantvärde.

Uttrycket

{
  value: "some text"
  _op: EQUALS
}

skulle jämföra innehållet i fältet med värdet some text och lyckas om innehållet är lika med värdet. Annars kommer uttrycket att misslyckas.

Följande operatorer kan användas för att jämföra fält med ett visst värde:

Operator
Typ(er)
Uttrycket lyckas om …
EQUALS
String, ID, Boolean
… värdet är exakt detsamma som innehållet i fältet
EQUALS_NOT
String, ID
… värdet är inte detsamma som innehållet i fältet
CONTAINS
String
… innehållet i fältet innehåller värdet ({ value: "mas", _op: CONTAINS } matchar Christmas, Xmas, master, …)
CONTAINS_NOT
String
… innehållet i fältet innehåller inte värdet
STARTS_WITH
ID
… ID:t börjar med ett visst värde ({ value: "/content/dam/", _op: STARTS_WITH matchar /content/dam/path/to/fragment, men inte /namespace/content/dam/something)
EQUAL
Int, Float
… värdet är exakt detsamma som innehållet i fältet
UNEQUAL
Int, Float
… värdet är inte detsamma som innehållet i fältet
GREATER
Int, Float
… fältets innehåll är större än värdet
GREATER_EQUAL
Int, Float
… fältets innehåll är större än eller lika med värdet
LOWER
Int, Float
… fältets innehåll är lägre än värdet
LOWER_EQUAL
Int, Float
… fältets innehåll är lägre än eller lika med värdet
AT
Calendar, Date, Time
… fältets innehåll är exakt detsamma som värdet (inklusive tidszonsinställning)
NOT_AT
Calendar, Date, Time
… innehållet i fältet är inte detsamma som värdet
BEFORE
Calendar, Date, Time
… den tidpunkt som anges av värdet ligger före den tidpunkt som anges av fältets innehåll
AT_OR_BEFORE
Calendar, Date, Time
… den tidpunkt som anges av värdet är före eller vid samma tidpunkt som anges av fältets innehåll
AFTER
Calendar, Date, Time
… tidpunkten som anges av värdet är efter tidpunkten som anges av fältets innehåll
AT_OR_AFTER
Calendar, Date, Time
… den tidpunkt som anges av värdet är efter eller vid samma tidpunkt som anges av fältets innehåll

I vissa typer kan du även ange ytterligare alternativ som ändrar hur ett uttryck utvärderas:

Alternativ
Typ(er)
Beskrivning
_ignoreCase
String
Ignorerar skiftläget för en sträng, till exempel värdet time matchar TIME, time, tImE, …
_sensitiveness
Float
Tillåter en viss marginal för float-värden att anses vara densamma (för att kringgå tekniska begränsningar på grund av den interna representationen av float-värden). Bör undvikas eftersom det här alternativet kan ha en negativ inverkan på prestandan

Uttryck kan kombineras till en uppsättning med hjälp av en logisk operator (_logOp):

  • OR - uttrycksuppsättningen lyckas om minst ett uttryck lyckas
  • AND - uttrycksuppsättningen lyckas om alla uttryck lyckas (standard)

Varje fält kan filtreras med en egen uppsättning uttryck. Uttrycksuppsättningarna för alla fält som omnämns i filterargumentet kombineras till slut av den egna logiska operatorn.

En filterdefinition (skickas som filter-argument till en fråga) innehåller:

  • En underdefinition för varje fält (fältet kan nås via sitt namn, till exempel finns det ett lastName-fält i filtret för fältet lastName i datatypen (fältet))
  • Varje underdefinition innehåller arrayen _expressions som innehåller uttrycksuppsättningen och fältet _logOp som definierar den logiska operatorn som uttrycken ska kombineras med
  • Varje uttryck definieras av värdet (value fält) och operatorn (_operator fält) ska innehållet i ett fält jämföras med

Du kan utelämna _logOp om du vill kombinera objekt med AND och _operator om du vill kontrollera om de är lika, eftersom det är standardvärdena.

I följande exempel visas en fullständig fråga som filtrerar alla personer som har lastName av Provo eller som innehåller sjö, oberoende av fallet:

{
  authorList(filter: {
    lastname: {
      _logOp: OR
      _expressions: [
        {
          value: "sjö",
          _operator: CONTAINS,
          _ignoreCase: true
        },
        {
          value: "Provo"
        }
      ]
    }
  }) {
    items {
      lastName
      firstName
    }
  }
}

Du kan även filtrera efter kapslade fält, men det rekommenderas inte eftersom det kan leda till prestandaproblem.

Ytterligare exempel finns i:

Sortering sorting

Med den här funktionen kan du sortera frågeresultaten enligt ett angivet fält.

Sorteringskriterierna:

  • är en kommaavgränsad lista med värden som representerar fältsökvägen

    • det första fältet i listan definierar den primära sorteringsordningen, det andra fältet används om två värden för det primära sorteringsvillkoret är lika, det tredje om de första två kriterierna är lika, och så vidare.
    • punktnotation, d.v.s. field1.subfield.subfield och så vidare…
  • med valfri orderriktning

    • ASC (stigande) eller DESC (fallande); som standard används ASC
    • riktningen kan anges per fält, vilket betyder att du kan sortera ett fält i stigande ordning och ett annat i fallande ordning (namn, firstName DESC)

Till exempel:

query {
  authorList(sort: "lastName, firstName") {
    items {
      firstName
      lastName
    }
  }
}

Och dessutom:

{
  authorList(sort: "lastName DESC, firstName DESC") {
    items {
        lastName
        firstName
    }
  }
}

Du kan också sortera på ett fält i ett kapslat fragment med formatet nestedFragmentname.fieldname.

NOTE
Detta kan ha en negativ inverkan på prestandan.

Till exempel:

query {
  articleList(sort: "authorFragment.lastName")  {
    items {
      title
      authorFragment {
        firstName
        lastName
        birthDay
      }
      slug
    }
  }
}

Sidindelning paging

Med den här funktionen kan du utföra sidindelning på frågetyper som returnerar en lista. Det finns två metoder:

  • offset och limit i en List-fråga
  • first och after i en Paginated-fråga

Listfråga - förskjutning och begränsning list-offset-limit

I en ...Listfråga kan du använda offset och limit för att returnera en viss delmängd av resultaten:

  • offset: Anger den första datauppsättningen som ska returneras
  • limit: Anger maximalt antal datauppsättningar som ska returneras

Om du till exempel vill visa en resultatsida som innehåller upp till fem artiklar, med början från den femte artikeln i resultatlistan complete :

query {
   articleList(offset: 5, limit: 5) {
    items {
      authorFragment {
        lastName
        firstName
      }
    }
  }
}
NOTE
  • Sidindelning kräver en stabil sorteringsordning för att fungera korrekt i flera frågor som begär olika sidor i samma resultatuppsättning. Som standard används databassökvägen för varje objekt i resultatuppsättningen för att säkerställa att ordningen alltid är densamma. Om en annan sorteringsordning används, och om sorteringen inte kan göras på JCR-frågenivå, uppstår en negativ prestandapåverkan eftersom hela resultatuppsättningen måste läsas in i minnet innan sidorna kan bestämmas.

  • Ju högre förskjutning, desto längre tid tar det att hoppa över objekten från den fullständiga JCR-frågeresultatuppsättningen. En alternativ lösning för stora resultatuppsättningar är att använda den numrerade frågan med metoden first och after.

Sidnumrerad fråga - första och efter paginated-first-after

Frågetypen ...Paginated återanvänder de flesta av ...List-frågetypsfunktionerna (filtrering, sortering), men i stället för att använda offset/limit-argument använder den first/after-argumenten som definierats av GraphQL Cursor Connections Specification. En mindre formell introduktion finns i GraphQL-introduktionen.

  • first: De n första objekten som ska returneras.
    Standardvärdet är 50.
    Det maximala antalet är 100.
  • after: Markören som bestämmer början på den begärda sidan. Observera att det objekt som markören representerar inte ingår i resultatmängden. Markören för ett objekt bestäms av fältet cursor i strukturen edges.

Du kan till exempel skriva ut en resultatsida som innehåller upp till fem äventyr, med början från markörobjektet i resultatlistan complete :

query {
    adventurePaginated(first: 5, after: "ODg1MmMyMmEtZTAzMy00MTNjLThiMzMtZGQyMzY5ZTNjN2M1") {
        edges {
          cursor
          node {
            title
          }
        }
        pageInfo {
          endCursor
          hasNextPage
        }
    }
}
NOTE
  • Som standard används UUID för databasnoden som representerar fragmentet för att säkerställa att resultatordningen alltid är densamma. När sort används används UUID implicit för att säkerställa en unik sortering, även för två objekt med identiska sorteringsnycklar.

  • På grund av interna tekniska begränsningar försämras prestanda om sortering och filtrering tillämpas på kapslade fält. Därför bör du använda filter-/sorteringsfält som lagras på rotnivå. Detta är också det rekommenderade sättet om du vill fråga efter stora sidnumrerade resultatuppsättningar.

Webboptimerad bildleverans i GraphQL-frågor web-optimized-image-delivery-in-graphql-queries

Med webboptimerad bildleverans kan du använda en Graphql-fråga för att:

  • Begär en URL till en DAM-resursbild (refereras av en innehållsreferens)

  • Skicka parametrar med frågan så att en viss återgivning av bilden genereras och returneras automatiskt

    note note
    NOTE
    Den angivna återgivningen lagras inte i AEM Assets. Återgivningen genereras och sparas i cache-minnet under en kort period.
  • Returnera URL:en som en del av JSON-leveransen

Du kan använda AEM för att:

Det innebär att kommandona tillämpas under frågekörningen, på samma sätt som URL-parametrar vid GET-begäranden för dessa bilder.

På så sätt kan du dynamiskt skapa bildåtergivningar för JSON-leverans, vilket innebär att du slipper skapa och lagra dessa återgivningar manuellt i databasen.

Lösningen i GraphQL innebär att man kan

  • Begär en URL: använd _dynamicUrl på referensen ImageRef

  • Skicka parametrar: lägg till _assetTransform i listhuvudet där dina filter definieras

NOTE
En innehållsreferens kan användas för både DAM-resurser och Dynamic Media-resurser. När du hämtar rätt URL används olika parametrar:
  • _dynamicUrl : en DAM-resurs
  • _dmS7Url : en Dynamic Media-resurs
Om resursen som refereras är en DAM-resurs blir värdet för _dmS7Url null. Se Leverans av Dynamic Media-mediefiler via URL i GraphQL-frågor.

Omformningsbegärans struktur structure-transformation-request

AssetTransform (_assetTransform) används för att göra URL-omvandlingsbegäranden.

Strukturen och syntaxen är:

  • format: en uppräkning med alla format som stöds av dess tillägg: GIF, PNG, PNG8, JPG, PJPG, BJPG, WEBP, WEBPLL eller WEBPLY

  • seoName: en sträng som används som filnamn i stället för nodnamnet

  • crop: en bildruteunderstruktur, om bredd eller höjd utelämnas, används höjd eller bredd som samma värde

    • xOrigin: x-origo för bildrutan och är obligatoriskt
    • yOrigin: Bildrutans y-ursprung och är obligatoriskt
    • width: ramens bredd
    • height: bildrutans höjd
  • size: en dimensionsunderstruktur, om bredd eller höjd utelämnas, används höjd eller bredd som samma värde

    • width: dimensionens bredd
    • height: dimensionens höjd
  • rotation: en uppräkning av alla rotationer som stöds: R90, R180, R270

  • flip: en uppräkning av HORIZONTAL, VERTICAL, HORIZONTAL_AND_VERTICAL

  • quality: ett heltal mellan 1 och 100 som anger procentvärdet för bildkvaliteten

  • width: ett heltal som definierar bredden på utdatabilden men ignoreras av Image Generator

  • preferWebp: ett booleskt värde som anger om webben är att föredra (standardvärdet är false)

URL-omformningen är tillgänglig för alla frågetyper: efter sökväg, lista eller sidnumrerad.

Webboptimerad bildleverans med fullständiga parametrar web-optimized-image-delivery-full-parameters

Här följer ett exempel på en fråga med en fullständig uppsättning parametrar:

{
  articleList(
    _assetTransform: {
      format:GIF
      seoName:"test"
      crop:{
        xOrigin:10
        yOrigin:20
        width:50
        height:45
      }
      size:{
        height:100
        width:200
      }
      rotation:R90
      flip:HORIZONTAL_AND_VERTICAL
      quality:55
      width:123
      preferWebp:true
    }
  ) {
    items {
      _path
      featuredImage {
        ... on ImageRef {
          _dynamicUrl
        }
      }
    }
  }
}

Webboptimerad bildleverans med en enda frågevariabel web-optimized-image-delivery-single-query-variable

I följande exempel visas användningen av en enda frågevariabel:

query ($seoName: String!) {
  articleList(
    _assetTransform: {
      format:GIF
      seoName:$seoName
      crop:{
        xOrigin:10
        yOrigin:20
        width:50
        height:45
      }
      size:{
        height:100
        width:200
      }
      rotation:R90
      flip:HORIZONTAL_AND_VERTICAL
      quality:55
      width:123
      preferWebp:true
    }
  ) {
    items {
      _path
      featuredImage {
        ... on ImageRef {
          _dynamicUrl
        }
      }
    }
  }
}

Webboptimerad bildleverans med flera frågevariabler web-optimized-image-delivery-multiple-query-variables

I följande exempel visas hur flera frågevariabler används:

query ($seoName: String!, $format: AssetTransformFormat!) {
  articleList(
    _assetTransform: {
      format:$format
      seoName:$seoName
      crop:{
        xOrigin:10
        yOrigin:20
        width:50
        height:45
      }
      size:{
        height:100
        width:200
      }
      rotation:R90
      flip:HORIZONTAL_AND_VERTICAL
      quality:55
      width:123
      preferWebp:true
    }
  ) {
    items {
      _path
      featuredImage {
        ... on ImageRef {
          _dynamicUrl
        }
      }
    }
  }
}

Webboptimerad begäran om bildleverans via URL web-optimized-image-delivery-request-url

Om du sparar frågan som en beständig fråga (till exempel med namnet dynamic-url-x) kan du köra den beständiga frågan direkt.

Om du till exempel vill köra de tidigare exemplen direkt (sparade som beständiga frågor) använder du följande URL

  • En parameter; Persisted Query med namnet dynamic-url-x

    • http://localhost:4502/graphql/execute.json/wknd-shared/dynamic-url-x;seoName=xxx

      Svaret ser ut så här:

      Bildleverans med parametrar

  • Flera parametrar; Beständig fråga med namnet dynamic

    • http://localhost:4502/graphql/execute.json/wknd-shared/dynamic;seoName=billiboy;format=GIF;

      note caution
      CAUTION
      Den efterföljande ; måste avslutas för att parameterlistan ska kunna avslutas korrekt.

Begränsningar för webboptimerad bildleverans web-optimized-image-delivery-limitations

Följande begränsningar finns:

  • Modifierare som används för alla bilder i frågan (globala parametrar)

  • Cachelagra rubriker

    • Ingen cachelagring av författare
    • Cachelagring vid publicering - max 10 minuters ålder (kan inte ändras av klienten)

Leverans av Dynamic Media-resurser via URL i GraphQL-frågor dynamic-media-asset-delivery-by-url

Med GraphQL for AEM Content Fragments kan du begära en URL till en AEM Dynamic Media-resurs (Scene7) (som refereras av en Content Reference).

Lösningen i GraphQL innebär att man kan

  • använd _dmS7Url på referensen ImageRef
NOTE
För detta måste du ha en Dynamic Media Cloud-konfiguration.
Detta lägger till attributen dam:scene7File och dam:scene7Domain i resursens metadata när den skapas.
NOTE
En innehållsreferens kan användas för både DAM-resurser och Dynamic Media-resurser. När du hämtar rätt URL används olika parametrar:
  • _dmS7Url : en Dynamic Media-resurs
  • _dynamicUrl : en DAM-resurs
Om den refererade resursen är en Dynamic Media-resurs blir värdet för _dynamicURL null. Se webboptimerad bildleverans i GraphQL-frågor.

Exempelfråga för leverans av Dynamic Media-mediefiler via URL - Bildreferens sample-query-dynamic-media-asset-delivery-by-url-imageref

Här följer ett exempel på en fråga:

  • för flera innehållsfragment av typen team och person, returnerar ImageRef
query allTeams {
  teamList {
    items {
      _path
      title
      teamMembers {
        fullName
        profilePicture {
          __typename
          ... on ImageRef{
            _dmS7Url
            height
            width
          }
        }
      }
    }
  }
}

Exempelfråga för leverans av Dynamic Media-mediefiler via URL - Flera referenser sample-query-dynamic-media-asset-delivery-by-url-multiple-refs

Här följer ett exempel på en fråga:

  • för flera innehållsfragment av typen team och person, returnerar ImageRef, MultimediaRef och DocumentRef:
query allTeams {
  teamList {
    items {
      _path
      title
      teamMembers {
        fullName
        profilePicture {
          __typename
          ... on ImageRef{
            _dmS7Url
            height
            width
          }
        }
       featureVideo {
          __typename
          ... on MultimediaRef{
            _dmS7Url
            size
          }
        }
      about-me {
          __typename
          ... on DocumentRef{
            _dmS7Url
            _path
          }
        }
      }
    }
  }
}

GraphQL for AEM - i korthet graphql-extensions

Den grundläggande funktionen för frågor med GraphQL för AEM följer GraphQL standardspecifikation. För GraphQL-frågor med AEM finns det några tillägg:

Fråga GraphQL-slutpunkten från en extern webbplats query-graphql-endpoint-from-external-website

Om du vill komma åt GraphQL-slutpunkten från en extern webbplats måste du konfigurera:

Autentisering authentication

Se Autentisering för AEM GraphQL-frågor om innehållsfragment.

Begränsningar limitations

För att skydda dig mot potentiella problem finns det standardbegränsningar för dina frågor:

  • Frågan får inte innehålla fler än 1M (1024 * 1024) tecken
  • Frågan får inte innehålla fler än 15000 token
  • Frågan får inte innehålla fler än 200000 blankstegstoken

Du måste också vara medveten om:

  • Ett fältkonfliktsfel returneras när din GraphQL-fråga innehåller fält med samma namn i två (eller flera) modeller och följande villkor uppfylls:

    • Så här:

      • Två (eller flera modeller) används som möjliga referenser, när de definieras som en tillåten modelltyp i Content Fragment-referensen.

      och:

      • Dessa två modeller har fält med ett gemensamt namn, vilket betyder att samma namn används i båda modellerna.

      och

      • Dessa fält har olika datatyper.
    • Till exempel:

      • När två (eller flera) fragment med olika modeller (till exempel M1, M2) används som möjliga referenser (innehållsreferens eller fragmentreferens) från ett annat fragment, till exempel Fragment1 MultiField/List

      • Och dessa två fragment med olika modeller (M1, M2) har fält med samma namn, men olika typer.
        Så här illustrerar du:

        • M1.Title som Text
        • M2.Title som Text/MultiField
      • Ett fältkonfliktsfel uppstår sedan om GraphQL-frågan innehåller fältet Title.

Vanliga frågor faqs

Frågor som har uppstått:

  1. Q: Hur skiljer sig GraphQL API för AEM från Query Builder API?

    • A:
      "AEM GraphQL API ger total kontroll över JSON-utdata och är en branschstandard för att fråga efter innehåll.
      AEM planerar att investera i det AEM GraphQL-API:t.
      "

Självstudiekurs - Komma igång med AEM Headless och GraphQL tutorial

Söker du en praktisk självstudiekurs? Ta en titt på Komma igång med AEM Headless och GraphQL - en komplett självstudiekurs som visar hur du bygger upp och exponerar innehåll med hjälp av AEM GraphQL API:er och som används av en extern app i ett headless CMS-scenario.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab