Apollo（GraphQL）在查询中获取多个元素

Question

我可以在GraphQL查询中获取多个元素吗？我有许多产品列表数据，我想获取，例如，我的组件中的三个产品。我有一个所需的产品ID数组，我可以将其传递给query吗？这是我对一种产品的查询：

query ProductInCartQuery($id: ID!){
  Product(id: $id) { 
   id
   name
   price
 }
}

但我不认为我可以把它放在一个函数中，然后对三个产品执行三次。

Answer 1

要将产品ID添加到查询中，可以定义输入类型。见备忘单。

因此，客户机上的查询可能如下所示：

query ProductsInCartQuery($productIds: ProductIds!) {
  Products(productIds: $productIds) {
    id
    name
    price
  }
}

Answer 2

对于您拥有的每种类型，提供两种查询是常见且非常有用的：

>

用于获取具有id或其他唯一字段的单个节点的查询，在您的示例中是Product（您已经有了这个）。

根据不同的筛选条件获取多个节点的查询，我们称之为allProducts。

然后，您有两个选项可以在一个查询中获取多个产品。

首先，您可以多次使用产品查询，并使用GraphQL别名来避免响应数据中的名称冲突：

query ProductInCartQuery($firstId: ID!, $secondId: ID!){
  firstProduct: Product(id: $firstId) { 
    id
    ... ProductInfo
  }

  secondProduct: Product(id: $secondId) { 
    id
    ... ProductInfo
  }

  fragment ProductInfo on Product {
    name
    price
  }
} 

您可以根据要查询的ID动态生成此查询字符串。但是，如果不同ID的数量是动态的，则最好使用带有必要过滤器设置的allProducts查询：

query filteredProducts($ids: [ID!]!) {
  allProducts(filter: {
    id_in: $ids
  }) {
    ... ProductInfo
  }
}

fragment ProductInfo on Product {
  name
  price
}

你可以在我为你准备的这个GraphQL操场上自己试一试。更多的背景信息可以在本文中找到。