Accessing and Delivering Content Fragments Headless Quick Start Guide

Log into AEM and access the GraphiQL interface:

• For example: http://<host>:<port>/aem/graphiql.html.

The GraphiQL is an in-browser query editor for GraphQL. You can use it to build queries to retrieve Content Fragments to deliver them heedlessly as JSON.

• The left panel lets you build your query.
• The right panel displays the results.
• The query editor features code completion and hotkeys to easily execute the query.
  

Assuming that the model you created was called person with fields firstName, lastName, and position, you can build a simple query to retrieve the content of the Content Fragment.

query
{
  personList {
    items {
      _path
      firstName
      lastName
      position
    }
  }
}

Enter the query into the left panel.

Click the Execute Query (right arrow) icon or use the Ctrl-Enter hotkey and the results are displayed as JSON in the right panel.

Click:

• Docs at the top-right of the page to show in-context documentation to help you build your queries which adapt to your own models.
• History in the top toolbar to show previous queries.
• Save As and Save to save your queries, after which you can list and retrieve them from the Persisted Queries panel and Publish.