How can we get the GraphQl APIs query and variables from the target website ?

What is GraphQl ?

GraphQL is an open-source data query and manipulation language for APIs, and a runtime for fulfilling queries with existing data. GraphQL was developed internally by Facebook in 2012 before being publicly released in 2015 .

Why we use GraphQl ?

GraphQL provides a complete and understandable description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools , so instead of call 10 rest APIs we just call one GraphQl API .

How can we get the GraphQl api query ??

First got to the target web site , then open the dev tool , then select network and select Fetch/XHR in the filter

you can get the GraphQl api url from the Header -> General -> Request URL

now lets get the GraphQl Query and Variables , select Payload as shown in the image and here it is , copie the query and the variables !!

done , if you had any problem feel free to ask us in comments