在 GraphQL 对象查询中使用变量

Question

我正在学习 GraphQL JS 教程，并试图了解变量如何处理查询。

在"对象类型"部分中，我可以正常工作：

我的server.js文件：

const express = require('express')
const graphqlHTTP = require('express-graphql')
const { buildSchema } = require('graphql')
const app = express()
const schema = buildSchema(`
  type RandomDie {
    numSides: Int!
    rollOnce: Int!
    roll(numRolls: Int!): [Int]
  }
  type Query {
    getDie(numSides: Int): RandomDie
  }
`)
class RandomDie {
  constructor(numSides) {
    this.numSides = numSides;
  }
  rollOnce() {
    return 1 + Math.floor(Math.random() * this.numSides);
  }
  roll({numRolls}) {
    var output = [];
    for (var i = 0; i < numRolls; i++) {
      output.push(this.rollOnce());
    }
    return output;
  }}
const root = {
  getDie: ({numSides}) => {
    return new RandomDie(numSides || 6);
  },
}
module.exports = root
app.use('/graphql', graphqlHTTP({
  schema: schema,
  rootValue: root,
  graphiql: true,
}))
app.listen(4000)
console.log('Running a GraphQL API server at localhost:4000/graphql')

我的random.json文件：

{
  "query": "query RollDice($sides: Int) { getDie(numSides: $sides) { rollOnce roll(numRolls: 3) }}",
  "variables": {
    "sides": 6
  }
}

如果我在这里运行以下命令：

http http://localhost:4000/graphql < ./random.json

我得到这个输出：

{
  "data": {
    "getDie": {
      "roll": [
        1,
        6,
        2
      ],
      "rollOnce": 5
    }
  }
}

我的问题是这样的：

如何将numRolls的3设置为random.json文件中的变量？

我试过这个：

{
  "query": "query RollDice($sides: Int, $rolls: Int) { getDie(numSides: $sides) { rollOnce roll(numRolls: $rolls) }}",
  "variables": {
    "sides": 6,
    "rolls": 3
  }
}

但是得到这个错误：

"message": "Variable "$rolls" of type "Int" used in position expecting type "Int!"."

Answer 1

定义变量时，变量类型必须与它们要替换的输入类型完全匹配。虽然您的$rolls变量和numRolls输入类型都是整数，但您已将 rolls 定义为可为空的整数 (Int(，而在架构中，您已将输入定义为"非空"整数 (Int！

type RandomDie {
  roll(numRolls: Int!): [Int]
}
type Query {
  getDie(numSides: Int): RandomDie
}

请注意，numSides只是一个Int而numRolls被定义为Int!，这就是为什么$sides不需要!的原因(实际上将$sides设为Int!也会抛出错误！

Non-null 是一个包装器，它告诉 GraphQL 输入不能为空(对于输入类型(或返回的字段不能为空(对于数据类型(。 要记住的是，从 GraphQL 的角度来看，非空包装器将其包装的类型转换为不同的类型，因此Int ！== Int! 。