如何在 Shopify GraphQL 中使“第一个”属性动态化？

Question

我正在开发一个 Angular 应用程序，并且我使用 axios 进行了这样的查询，由于分页大小，我想让 first 参数动态：

await axios({
url: process.env.SHOPIFY_STORE_URL,
method: 'post',
data: {
  query: `
  query ($pieces: Int) {
    products(first: $pieces) {
      edges {
        node {
          id
          description
          title
          storefrontId
          productType
          totalInventory
          tracksInventory
          isGiftCard
          priceRangeV2 {
            minVariantPrice {
              amount
              currencyCode
            }
            maxVariantPrice {
              amount
              currencyCode
            }
          }
        }
      }
    }
  }
`,
  variables: {
    pieces: this.first,
  }
},
headers: {
  'Content-Type': 'application/json',
  'Accept': 'application/json',
  'X-Shopify-Access-Token': process.env.SHOPIFY_PASSWORD,
},
}).then((result) => {...}

如果我执行它，传递一个变量，我会得到一个回复​​说you must provide one of first or last。

是因为 first 必须是固定值还是什么？

Answer 1

您总是在第一个或最后一个整数中包含一个整数。您也可以进行分页，因此您需要光标。您提供 before 或 after，如果您是第一次调用，它们实际上可能是 null。

请注意，在 Shopify GQL 世界中没有分页，所以我不确定您指的是什么，因为分页只是使用光标传入之前或之后。我猜你的意思是 hasNextPage？