GraphQL Query Decoder

{"operationName":"GetUser","query":"query GetUser($id: ID!) { user(id: $id) { id name posts(first: 2) { title } } }","variables":{"id":"42"}}

query GetUser($id: ID!) {
  user(id: $id) {
    id
    name
    posts(first: 2) {
      title
    }
  }
}
Operation: GetUser

Paste the whole request body and the query is pulled out of the JSON and pretty-printed, with the variables shown below it.

Over HTTP, GraphQL is usually a POST with a JSON body:

{
  "operationName": "GetUser",
  "query": "query GetUser($id: ID!) { user(id: $id) { name email } }",
  "variables": { "id": "42" }
}

• query is the GraphQL document. In traffic it's typically a single line.
• variables holds the values for $id and other parameters.
• operationName picks one operation when the document contains several.

GET requests put the same fields in the URL, so the query is percent-encoded (?query=query%20GetUser…). Decode those with the URL decoder first.

Persisted queries replace the query text with a hash, for example "extensions":{"persistedQuery":{"version":1,"sha256Hash":"…"}}. The server looks the query up by its hash, so there is no query text in the request to decode.

1. Paste the request — a JSON body with query/variables, a URL-encoded GET request, or a bare GraphQL document.
2. Read the formatted query, with its operation name, fragments and variables.
3. A request with only a sha256Hash and no query text is a persisted query; the hash is shown, but the query itself lives on the server.