GraphQL Queries in Postman and Browsers

This StackOverflow post was helpful for figuring out how to get your query from the GraphiQL explorer into Postman.

I also wanted to figure out how to get the query into something I could just load up in a browser, so I just copied the query out of GraphiQL, URL encoded it in TextMate, and passed it in via a query string variable named, uh, query:

http://[SITE URL]/graphql?query=query%20%7B%0A%20%20nodeQuery%28limit%3A%20100%2C%20filter%3A%20%7Bconditions%3A%20%5B%7Bfield%3A%20%22type%22%2C%20value%3A%20%22vessel%22%2C%20operator%3A%20EQUAL%7D%5D%7D%29%20%7B%0A%20%20%20%20entities%20%7B%0A%20%20%20%20%20%20entityLabel%0A%20%20%20%20%20%20...%20on%20NodeVessel%20%7B%0A%20%20%20%20%20%20%20%20title%0A%20%20%20%20%20%20%20%20slides%3A%20fieldVSlides%20%7B%0A%20%20%20%20%20%20%20%20%20%20...%20on%20FieldNodeFieldVSlides%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20entity%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20fieldSlideImage%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20entity%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20...%20on%20MediaImage%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20fieldMediaImage%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20relative_path%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D%0A

Turns out, you can just take that encoded URL and just paste it straight into the URL field in Postman, too, so you probably won’t have to do the whole dance described in the StackOverflow post after all, as long as you’re willing to do some string manipulation in your text editor.