javascript - GraphQL 可以选择性地解析解析器中给定查询结果的字段吗？

问题描述

我有以下 REST 端点：

/订单/{id}

returns {
    orderId,
    orderItem,
    customerId
}

/客户/{id}

returns {
   customerId,
   firstName,
   lastName
}

我受到这两个端点的限制，它们将被包装在我的 graphql 模式中。

我想要以下架构：

type Order {
  orderId: ID!,
  orderItem: String,
  customer: Customer
}

type Customer{
  customerId: ID!
  firstName: String!
  lastName: String!
}

type Query {
  getOrder(id: String!): Order,
  getCustomer(id: String!): Customer
}

我想知道是否可以让 GraphQL 解析 Order 类型中的 Customer 对象？我了解您不能将查询结果传递给另一个参数。

我考虑过getOrderbe的解析器：

const getOrderResolver = axios.get(`/orders/${id}`)
  .then((ordersRes) => {
    let customerId;
    if(ordersRes.data.customerId !== null) {
      customerId = ordersRes.data.customerId 
      axios.get(`/customers/${customerId}`)
      .then((customerRes) => ({
        return {
          orderId: ordersRes.data.orderId
          orderItem: ordersRes.data.orderItem
          customer: {
            customerId: customerRes.data.customerId
            firstName: customerRes.data.firstName
            lastName: customerRes.data.lastName 
          }
        }
      })
    } else {
      return {
          orderId: ordersRes.data.orderId
          orderItem: ordersRes.data.orderItem
          customer: null
      }
    }
    })
  })

getCustomer解析器

const getCustomerResolver = axios.get(`/customers/${customerId}`)
          .then((customerRes) => ({
            return {
                customerId: customerRes.data.customerId
                firstName: customerRes.data.firstName
                lastName: customerRes.data.lastName 
            }
          })

似乎在我的解决方案中，Customer无论是否在查询中getOrder查询类型，始终获取类型都会产生额外的成本。是否可以以 GraphQL 仅在查询时才能解析类型的方式重写我的 GraphQL 模式Customer？

我给定我的ORDERSREST API 的限制只返回CustomerId 使得它难以解决getOrder，因为CustomerAPI 需要customerId

标签： javascriptecmascript-6graphql

解决方案

这里有两点要记住：

除非请求，否则 GraphQL 不会解析字段（即除非该字段实际包含在请求中，否则不会调用您的解析器）。
每个解析器都可以访问其“父”字段解析到的值。

所以你的getOrder解析器只能担心返回一个订单对象：

const resolvers = {
  Query: {
    getOrder: (parent, args, context, info) => {
      const response = await axios.get(`/orders/${args.id}`)
      return response.data
    },
    ...
  },
  ...
}

请注意，如果 REST 端点以与您的字段类型相同的“形状”返回响应，则无需在此处将响应数据映射到您的实际字段 - 只需 return response.data。

现在我们可以为customerOrder 类型的字段添加一个解析器：

const resolvers = {
  Query: { ... },
  Order: {
    customer: (parent, args, context, info) => {
      if (!parent.customerId) {
        return null
      }
      const response = await axios.get('/customers/${parent.customerId}')
      return response.data
    },
  },
  ...
}

我们的父字段将是getOrder（或任何其他具有Order类型的字段）。的值parent将是您在该字段的解析器中返回的任何值（或者如果您返回了 Promise，则无论该 Promise 解析为什么）。所以我们可以parent.customerId用于对/customers端点的调用并从响应中返回数据。customer同样，只有在实际请求该字段时才会调用此解析器。

javascript - GraphQL 可以选择性地解析解析器中给定查询结果的字段吗？

问题描述

解决方案

推荐阅读