web-dev-qa-db-ja.com

graphql、unionスカラー型？

payloadフィールドは、IntまたはStringスカラー型にすることができます。ユニオンタイプのように書くと：

const schema = `
  input QuickReply {
    content_type: String
    title: String
    payload: Int | String
    image_url: String
  }
`

エラーが発生しました：

GraphQLError: Syntax Error GraphQL request (45:18) Expected Name, found |

    44:     title: String
    45:     payload: Int | String
                         ^
    46:     image_url: String

GraphQLは共用体スカラー型をサポートしていないようです。

では、どうすればこの状況を解決できますか？

graphqlgraphql-js
10
slideshowp2

仕様によると、ユニオンは特に「GraphQLオブジェクトタイプのリストの1つである可能性があるオブジェクトを表す」ため、スカラーをユニオンの一部として使用することはできません。代わりに、カスタムスカラーを使用できます。例えば：

const MAX_INT = 2147483647
const MIN_INT = -2147483648
const coerceIntString = (value) => {
  if (Array.isArray(value)) {
    throw new TypeError(`IntString cannot represent an array value: [${String(value)}]`)
  }
  if (Number.isInteger(value)) {
    if (value < MIN_INT || value > MAX_INT) {
      throw new TypeError(`Value is integer but outside of valid range for 32-bit signed integer: ${String(value)}`)
    }
    return value
  }
  return String(value)
}
const IntString = new GraphQLScalarType({
  name: 'IntString',
  serialize: coerceIntString,
  parseValue: coerceIntString,
  parseLiteral(ast) {
    if (ast.kind === Kind.INT) {
      return coerceIntString(parseInt(ast.value, 10))
    }
    if (ast.kind === Kind.STRING) {
      return ast.value
    }
    return undefined
  }
})

このコードは、32ビットの符号付き整数の範囲を適用しながら、Int型とString型の両方の動作を効果的に組み合わせます。しかし、あなたはあなたが望むどんな型強制型動作も持つことができます。組み込みのスカラーがどのように機能するかを確認するには、 ソースコード を確認してください。カスタムスカラーがどのように機能するかについては、 この記事 を参照してください。

outputフィールドにいくつかのスカラーの1つを返そうとしている場合は、parentタイプで同様の結果を達成します。たとえば、これは不可能です。

type Post {
  content: String | Int
}

ただし、次のことができます。

type PostString {
  content: String
}

type PostInt {
  content: Int
}

union Post = PostString | PostInt
16
Daniel Rearden