Shopify StoreFront API GraphQL 查询 returns 无

Question

我正在尝试让一位客户使用 Gatsby 建立他的 Shopify 商店。我使用那个 gatsby-source-shopify2 插件，我总是收到这样的错误消息：

{
  "errors": [
    {
      "message": "Cannot query field \"allShopifyProduct\" on type \"Query\".",
      "locations": [
        {
          "line": 2,
          "column": 3
        }
      ]
    }
  ]
}

所以我进行了一些调查以了解发生了什么，然后我进入了 Shopify 帮助中心，关注 this quick tuto 并在我客户的商店和我自己新创建的免费商店中复制了它 test-store。这是我遵循的步骤：

创建一个新商店，名称为 'my-store'
创建新产品
创建一个新的私人应用程序
勾选方框Allow this app to access your storefront data using the Storefront API
复制 API 键
Double-check 在 Product Availability 中检查了私人应用程序，以确保
打开 GraphiQL，并将 GraphQL 端点设置为 https://my-store.myshopify.com/api/graphql
将唯一的 HTTP Header 设置为：X-Shopify-Storefront-Access-Token: <API key>

然后我在查询字段中输入：

{
  shop {
    name
  }
}

令人惊讶的是，没有发生错误，但没有出现预期的输出。应该是：

{
  "data": {
    "shop": {
      "name": "my-store",
    }
  }
}

我也在 gatsby 中尝试过，显然又出现了同样的错误。

我怎么了？

Answer 1

好吧，我错了，我跑得太快了：在私人应用程序中你有很多键：<API key>、<shared secret> 和 <API Storefront access token>。我使用 <API key> 而不是 <API Storefront access token>。现在一切正常...

Shopify StoreFront API GraphQL 查询 returns 无

Shopify StoreFront API GraphQL query returns nothing

graphql

shopify

gatsby

storefront

graphiql