Intro to the GraphiQL client

GraphQL API for WordPress provides the GraphiQL client to to interact with the GraphQL service. Access it by clicking on "GraphiQL" on the plugin's menu:

GraphiQL client
GraphiQL client

GraphiQL enables to composer GraphQL queries, execute them, and visualize their response:

Executing a query via GraphiQL
Executing a query via GraphiQL

GraphiQL client guide permalink

This is how to use the GraphiQL client to compose and execute a GraphQL query.

The GraphQL schema can be browsed in the documentation explorer:

Clicking on Docs
Clicking on Docs
Documentation Explorer
Documentation Explorer
Browsing the documentation
Browsing the documentation

The GraphQL query is composed in the query editor:

Composing a GraphQL query
Composing a GraphQL query

In addition, the query can be composed using the GraphiQL Explorer, an add-on that enables to add fields to the query by clicking on them:

Adding fields to the query with the Explorer
Adding fields to the query with the Explorer

We can add query variables:

Adding query variables
Adding query variables

Clicking on the run button (or pressing Ctrl + Enter) executes the GraphQL query:

Execute the query
Execute the query

The response from the server is displayed in the response area:

Response from the server
Response from the server