使用 gatsby-source-graphql 时，GraphIQL 资源管理器未在 Gatsby 中显示

Posted 2023-03-08

【中文标题】使用 gatsby-source-graphql 时，GraphIQL 资源管理器未在 Gatsby 中显示

【英文标题】：GraphIQL explorer not showing in Gatsby when using gatsby-source-graphql

【发布时间】：2020-07-23 00:09:35

【问题描述】：

我是 Gatsby 的新手，并且已经建立了 aws-appsync-gatsby-sample 项目。 GraphQL 数据在本地站点中正确呈现，如下所示：

但是，我想使用 GraphIQL 资源管理器来学习如何进一步操作 GraphIQL 查询，但 Gatsby 通常显示的“资源管理器”选项不再显示。是因为我使用gatsby-source-graphql吗？

我如何访问 GraphIQL 资源管理器以使用此 AppSync API 数据？ 或者，是否有其他方法可以在我的 Mac 上或在线访问 GraphIQL 资源管理器以访问我的数据？

感谢您的帮助。

【参考方案1】：

我可以通过下载最新版本的 gatsby 来解决这个问题

【参考方案2】：

我不熟悉 gatsby，但我是 AppSync 团队的工程师。

只要您将 GraphiQL 应用程序正确指向 AppSync API 端点，它就可以工作。 AppSync GraphQL 端点与其他 GraphQL 端点没有什么不同。

让 GraphiQL 与您的 AppSync API 对话的最快方法是：

将 API URL 从 AWS AppSync 控制台的设置窗格复制到 GraphiQL。它应该看起来像 https://abcdef.appsync-api.us-west-2.amazonaws.com/graphql 在 GraphiQL 中，添加 X-API-KEY HTTP 请求标头，并使用您从 AppSync 控制台设置窗格中创建的 API 密钥作为值。它应该以da2-xxxxxx 开头。 您现在应该会看到文档资源管理器已填充，证明自省请求已成功。

【讨论】：

我已经有 GraphIQL 工作但不是 explorer 欣赏以太响应。