Create an API Request - Headless Setup accessing-delivering-content-fragments

Navigate to Tools, General, then select GraphQL.

Select Create.

The Create new GraphQL Endpoint dialog box opens. Here you can specify:

• Name: name of the endpoint; you can enter any text.
• Use GraphQL schema provided by: use the drop-down list to select the required configuration.

Confirm with Create.

In the console, a Path is displayed based on the configuration created earlier. This path is used to run GraphQL queries.

/content/cq:graphql/<configuration-name>/endpoint

Log into AEM as a Cloud Service and access the GraphiQL interface:

You can access the query editor from either:

• Tools > General > GraphQL Query Editor
• directly; for example, http://localhost:4502/aem/graphiql.html

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

• The drop-down top-right lets you select the endpoint.
• A far-left panel lists the persisted queries (when available)
• The middle-left panel lets you build your query.
• The middle-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 button or use the Ctrl-Enter hotkey and the results are displayed as JSON in the right panel.

In the upper-right corner of the page, click the Docs link to show in-context documentation so you can build your queries that adapt to your own models.