Apollo GraphQL中的变量嵌套查询

Question

我正在使用Apollo服务器，试图为一个电子商务应用程序构造一个嵌套查询。我正在查询一个rest api以检索购物篮中的物品。

然而，此请求的响应并不包含我们需要的所有产品信息。因此，我尝试嵌套一个附加查询，使用返回的参数之一作为变量，以获得所需的附加产品信息。

我已经看到了嵌套查询示例，据我所知（我对GraphQL和Apollo尤其陌生），这是GraphQL的一大优点。但是我还没有看到任何嵌套查询依赖于父查询返回值的例子。

//typeDefs
const typeDefs = gql`
    type Product {
        id: ID
        name: String
        sku: String
        length: Float
    }
    type CartItem {
        id: ID
        product_id: ID
        quantity: Int
        product(product_id: ID!): Product
    }
    type Query {
        getProduct(id: ID!): Product
        getCartItems(id: ID!): [CartItem]
    }
`;
// resolvers
const processResponse = (resolved) => {
    try {
        const { data } = resolved;
        return data;
    } catch (error) {
        return error;
    }
};
const resolvers = {
    Query: {
        getProduct: async (parent, { id }, { ctx }) => {
            return processResponse(await ctx.get(`products/${id}`));
        },
        getCartItems: async (parent, { id }, { ctx }) => {
            return processResponse(await ctx.get(`carts/${id}/items`))
        }
    },
    CartItem: {
        product: async (parent, { product_id }, { ctx }) => {
            return processRequest(await ctx.get(`products/${product_id}`));
        }
    }
};

// and query in the playground
query {
  getCartItems(id:"1234b11") {
    id
    product_id
    quantity
    product(product_id: $product_id) {
      id
      name
      description
    }
  } 
}

我得到的错误是variable\“$product_id\”没有定义。“当我用实际的product_id硬编码product_id时，我得到了我想要的那种响应，但这当然不是动态的。我尝试向查询传递变量，比如query($product_id:ID)，但我得到了一个错误”variable\“$product_id\”类型

任何帮助都很感激！




Answer 1

使用父参数解决了这个问题，并且不向子查询传递任何变量。

//typeDefs
type CartItem {
    id: ID
    product_id: ID
    quantity: Int
    product: Product
}
//resolver
getCartItems: async (parent, { id }, { ctx }) => {
    return processResponse(await ctx.get(`carts/${id}/items`))
        },
CartItem: {
    product: async (parent, args, { ctx }) => {
    const productId = parent.product_id;
    if (productId) {
      const { data } = processResponse(await ctx.get(`products/${productId}`));
      return data
    }
}
//query
query {
  getCartItems(id:"1234b11") {
    id
    product_id
    quantity
    product {
      id
      name
      description
    }
  } 
}