GraphQL 中的双向抓取

Question

我有以下 GraphQL 模式：

interface Node {
  id: ID!
}

type User : Node {
  id: ID!
  name: String!
  tasks: [Task]
}

type Task : Node {
  id: ID!
  day: Int!
  description: String!
}

type Viewer {
  users: [User]
}

type Query {
  viewer: Viewer
}

基本上，每个用户都可以有一个任务列表。当我需要获取所有任务的列表以获得这样的响应时，就会出现问题：

tasks: [{
  day: 1,
  user: {
    name: "John"
  }
}, {
  day: 2,
  user: {
    name: "Jane"
  }
}]

我应该如何编辑我的架构以允许像这样获取？

Answer 1

为了能够获取所有任务的列表，请将其作为属性添加到查看器

type Viewer {
  users: [User]
  tasks: [Task]
}

并将 users 字段添加到 Task:

type Task : Node {
  id: ID!
  day: Int!
  description: String!
  users: [User]
}

使用更新后的架构，您可以查询所有用户和任务的列表：

{
  viewer {
    users {  // all users
      name
      tasks {  // user's tasks
        description
      }
    }
    tasks {  // all tasks
      day
      users {  // task's users
        name
      }
    }
  }
}

此外，您应该使用分页而不是一次获取所有任务（或用户）。如果您打算将 GraphQL 服务器与中继一起使用，请将 users/tasks 定义为一个列表，而不是一个带边的连接。参见 https://facebook.github.io/relay/docs/graphql-connections.html#content

GraphQL 中的双向抓取

Bidirectional fetching in GraphQL

reactjs

relay

graphql

graphql-js