问题标签 [graphiql]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2450 浏览

graphql - GraphiQL:如何填充所有字段

有没有办法(或快捷方式)来填充查询的所有字段?

我们以https://graphql.org/swapi-graphql/为例。

我知道ctrl + space我可以调用自动建议。 在此处输入图像描述

但是,如果我想填充所有字段(姓名、身高等)而不必手动输入它们怎么办?

0 投票
1 回答
514 浏览

graphql - 将 Apollo 客户端或同构 Fetch 与 GraphiQL 结合使用

我正在尝试将 GraphiQL IDE 集成到我的网站中,并且想知道是否可以就我是否最好使用网站其余部分使用的 Apollo 客户端或按照文档中的建议使用 Isomorphic Fetch 获得一些建议。

如果我使用 Apollo 客户端,那么我只需要担心一个连接,并且不必考虑确保身份验证正确,但代码更复杂。

我有这段代码适用于 fetcher 函数,但到目前为止它只适用于查询,据我了解,还需要大量的工作来处理突变。

或者,还有同构获取方法,但要使其工作,我需要先获取身份验证令牌,而且我还没有足够好的承诺来完成这项工作。不工作的代码:

感谢有两种可能的方法来解决这个问题,这既是一个设计问题,也是一个技术问题,但希望有人能帮助我。

0 投票
1 回答
3727 浏览

arguments - Graphql字段中的多个参数

我正在使用 GraphQL。我可以在一个字段中传递一个参数。但我想知道如何将多个参数传递给一个字段。

这是我的代码: GraphlQL 对象类型:价格可用性

根查询

架构

这是我在 GraphiQL 中用来测试的查询:

我可以通过 parentValue.articleID 获取 articleID,但在获取 parentValue.priceType 时遇到问题。

GraphiQL 还告诉我 priceType 不存在:

未知参数“priceType”。在“RootQuery”类型的“价格”字段上</p>

0 投票
0 回答
49 浏览

.net - 您如何在 GraphQL 授权中记录安全性?

在 GraphQL 中,人们通常使用 graphiql 或类似的库来提供架构文档(查询/突变等),但是,您如何为身份验证、授权要求做同样的事情?

我正在使用 .NET 来实现 graphql。我使用 graph.authorization 来实现基于角色的授权。有没有办法从架构中查询这些安全要求,还是我必须手动将其写入我的描述中?

0 投票
1 回答
1148 浏览

node.js - GraphQL 返回 null

我正在尝试使用 GraphQL 制作一个简单的模块化 Node.js 应用程序来学习它。我实现了几种类型,并尝试在 GraphiQL 中使用它们,但没有取得多大成功。这是一个最小的工作示例。MDC.js:

Schemas.js:

服务器.js:

在 GraphiQL 中,如果我调用 { hello } 我正确地看到了结果 { data : hello: "ciao"} } 但是当我尝试以下操作时:

结果为空:

我真的不明白出了什么问题。我认为这可能与 Query 类型的定义方式有关(主要是因为我不明白它的目的)但也许我在其他地方有问题。

谢谢!!

0 投票
1 回答
387 浏览

graphql - id 字段上的 GraphQL 突变

我有一个名为Car Manufacturer的 GraphQL 模式,它有两个字段,idname. 我试图通过 GraphiQL 完成的是将多个数据插入到模式中,但我需要改变两个提到的字段。

有没有办法在字段上插入所需的值id

0 投票
1 回答
4042 浏览

graphql - 查询 graphiql 导致 Apollo 错误转发不是​​函数

我有一个带有 GraphQL 的快速后端,当我去/graphiql手动执行一些搜索时它可以工作。我的 React 前端正在尝试在后端执行搜索。以下代码应异步执行查询:

WhereMY_QUERY是之前定义的,代表一个我知道有效并且已经过测试的查询/graphiql。为了在我的 React 组件中执行此操作,我将其导出为export default withApollo(MyComponent)clientprops.

index.js我通过 Apollo 定义的文件中,连接到/graphiql以执行查询:

link在没有处理错误的变量的情况下执行上述查询时,我400 Bad Request从服务器(ApolloError.js:37 Uncaught (in promise) Error: Network error: Response not successful: Received status code 400)收到一个。由于这并没有告诉我更多信息,因此在 StackOverflow 和 Apollo 网页上,我发现上面的错误声明输出[Network error]: TypeError: forward is not a function. 这个错误是什么意思,我该如何解决?

谢谢!

0 投票
1 回答
607 浏览

graphql - Shopify StoreFront API GraphQL 查询不返回任何内容

我正在尝试让客户与 Gatsby 建立他的 Shopify 商店。我使用那个gatsby-source-shopify2插件,我总是有这样的错误消息:

因此,我进行了一些调查以了解发生了什么,然后我去了 Shopify 帮助中心,按照这个快速教程并在我客户的商店和我自己新创建的免费测试商店中复制了它。这是我遵循的步骤:

  1. 创建一个名为“my-store”的新商店
  2. 创建一个新产品
  3. 创建一个新的私人应用程序
  4. 选中该框Allow this app to access your storefront data using the Storefront API
  5. 复制 API 密钥
  6. 仔细检查私有应用程序是否已在 中签入Product Availability,以确保
  7. 打开 GraphiQL,并将 GraphQL Endpoint 设置为https://my-store.myshopify.com/api/graphql
  8. 将唯一的 HTTP 标头设置为X-Shopify-Storefront-Access-Token<API key>

然后我在查询字段中输入:

令人惊讶的是,没有发生错误,但没有出现预期的输出。它应该是:

我也在 gatsby 中试过,同样的错误又来了,很明显。

我是怎么了 ?

0 投票
1 回答
586 浏览

java - 使用 SPQR 进行分页的推荐方法是什么?

使用 SQPR 构建 graphQL API。我有大量数据集合,想逐页加载数据。使用 SQPR 执行此操作的推荐方法是什么?从客户端(查询)看起来如何?

此外,请记住 Apollo 客户端作为潜在的客户端库。现在用 graphiql 进行测试。

0 投票
0 回答
130 浏览

java - Spring-Boot项目中GraphiQL接口的自定义

根据 GraphiQL READMEchildren ,我可以通过像这样添加 React 来自定义界面:

这很好,但我该如何设置这些孩子呢?我不是 Web 开发人员,而且我以前从未使用过 React!我正在开发一个具有以下依赖项的 Spring-Boot 项目:

我看不到通过 设置孩子的任何方法application.properties/yml,尽管我可以在那里设置其他东西,例如pageTitle,defaultQueryeditorTheme.

我可以覆盖graphiql.html启动器提供的页面。我天真地试图在页面末尾设置这样的孩子:

那没有任何影响。

我应该如何处理这个?