Share on
·

New GraphQL Playground Tour — Tracing Included

Eric Murphy·

The Inigo GraphQL platform continually evolves, pushing the boundaries of innovation. We're excited to announce the launch of Explorer, our upgraded GraphQL playground within Inigo. Explorer brings feature parity with other popular web-based GraphQL playgrounds with the following features:

  1. Query schema navigation
  2. Query validation
  3. Query execution history
  4. Auto-insertion of variables from a query
  5. Preflight scripts
  6. Query collections with the ability to save and share queries

Also, Explorer brings some unique capabilities:

  1. Integrated observability, including real-time metrics and traces
  2. Single interface for both supergraphs and subgraphs
  3. Tight integration makes exploration of GraphQL data from Explorer easy
  4. Works with any GraphQL gateway or server

Next, let’s take a brief tour of Explorer and its capabilities.

Explorer Full View

Explorer Tour

1. Easily Build a Valid Query Using Your Schema

Once your GraphQL server or gateway is connected and your Connection Settings are set up, Explorer will automatically provide your schema in the left hand pane. As you build a query, you can select or deselect fields to quickly build your query. Additionally, auto-complete with a popup menu is also available as you type in the editor.

Explorer Query

2. Auto-Insertion of Variables

Additionally, if an operation requires variables, Explorer will automatically add the variables you need to the Variables section. You can then easily fill in the values as desired. This saves the manual copying and pasting of the variables from the query.

Explorer Variables

3. Query Collections

Having a core set of GraphQL queries that you need for testing or debugging purposes is common. Explorer lets you create Collections of queries that are saved and organized for persistent use.

Explorer Query Collections

4. Query Execution History

Explorer will maintain a history of your queries and resulting responses. Rest assured: This data is stored locally in your browser, not in Inigo, so potentially sensitive data from the responses is not stored in the cloud. You can also execute a query captured in the History again.

Explorer Execution History

5. Preflight Script

If you need to execute queries against a secured GraphQL endpoint that requires authentication, Explorer supports Preflight Scripts that allow you to execute the JavaScript code you need to authenticate and store a token that can be used directly within Explorer.

Explorer Preflight Script

6. Tracing Capabilities

Since Explorer works with supergraphs and subgraphs, you can directly use the query Operation Details and see how the query is traced from the supergraph to the subgraphs. This allows you to understand how the query is executed from the gateway and how the federated query is performing.

Explorer Tracing Capabilities

Conclusion

Inigo’s Explorer improves the essential GraphQL playground features with innovative features and a unified interface. Inigo Explorer’s focus on streamlining workflows through advanced tracing capabilities and a consolidated workspace for query management can help make developers more productive. We plan to continue adding additional features to Explorer and would love your feedback on how Explorer could be further improved!

Ready to take the next steps with Inigo? You can:

  1. Get started for free at app.inigo.io
  2. Book a demo today at inigo.io/demo
  3. Ask questions on our Slack channel
  4. Check out our Explorer documentation
Ready to accelerate your GraphQL adoption?
Start Inigo for free
*No credit card needed
Join our newsletter