Apollo Graphql 界面 - 从查询中创建可共享的 URL

Question

我有一个在 Node.JS 上使用 Apollo 引擎构建的 GraphQL API，该 API 包括一个指向 graphql 操场的 /graphiql 端点，我可以在其中生成如下示例的查询：

query {
  canonical(ref: "") {
    id
  }
}

我的问题是：如何生成包含上述查询的可共享 URL。 （例如：htttp://gql-endpoint.com/graphiql?query=...

这样做的动机是生成 URL，根据请求打开 graphiql 界面并将查询与响应并排显示。

感谢您的帮助。

Answer 1

事实证明，实际上有一个非常简单的解决方案： 您可以在图形界面中按原样复制查询，并将其添加到?query=查询字符串参数中。

例如，给定端点http://gql-endpoint.com/graphiql，查询将如下所示：

http://gql-endpoint.com/graphiql?query=COPY_PASTE_YOUR_QUERY_HERE.

使用上面的例子，这看起来像：

http://gql-endpoint.com/graphiql?query=query {
  canonical(ref: "") {
    id
  }
}

当在浏览器上使用时，会产生一个转义的 URL，类似于：

http://gql-endpoint.com/graphiql?query=query%20{%20canonical(ref:%20%22%22)%20{%20id%20}%20}