在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的numRolls设置为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输入类型都是整数，但是您已经将滚动定义为可为空的整数(Int)，而在您的模式中，您将输入定义为“非空”整数(Int!)

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

type Query {
  getDie(numSides: Int): RandomDie
}

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

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