误导和过时的Shopify Buy JS文档

Question

我目前正试图建立一个Wordpress网站，以销售产品在线，我使用Shopify来处理电子商务部分。这个问题依赖于这段代码。

import Client from 'shopify-buy';

const client = Client.buildClient({
  domain: 'your-shop-name.myshopify.com',
  storefrontAccessToken: 'your-storefront-access-token'
});

我正在使用发布在文档上的小型化UMD构建版本，我的实际代码如下：

const client = ShopifyBuy.buildClient({
  domain: 'domain.myshopify.com',
  storefrontAccessToken: 'token',
  apiKey: 'key',
  appId: '6'
});

// Fetch all products in your shop
client.product.fetchAll().then((products) => {
  // Do something with the products
  console.log(products);
});

我不使用这个导入，因为我使用的是CDN资源(我在wordpress functions.php上对它进行排队)，我的代码中的客户端声明是不同的，因为出于未知的原因，每当我试图只使用shopify文档提供的代码时，我就会收到错误消息，说我缺少apiKey和appID，所以我需要包含它们，以便以后从控制台接收到这条消息：

ShopifyBuy Config属性apiKey在v1.0时不再推荐，请使用storefrontAccessToken代替。

还会收到以下错误：

"TypeError: client.product未定义“

因此，这让我相信，提供的缩小版本已经过时，或者shopify提供给试图使用缩小的UMD版本的人的信息有问题。

还有一个youtube视频解释了如何使用大约一年前的时候，shopify UI已经过时了，代码也过时了，所以我不想用废弃的代码来构建所有的商店，这样我就需要重新做了。对于像我这样为客户建立网站的人来说，这是一笔巨大的交易。

因此，总之，我需要帮助知道如何声明客户端对象，或者如果有人已经在Wordpress上做过，请告诉我如何做。

这是我提到的关于缺少apiKey的错误：

.index=‘index 2’>新的Config()要求在buy- Array.forEach ()的Array.forEach()在n.constructor (购买-按钮-Error Front.min.js:2)在Object.buildClient (购买-按钮-商店Front.min.js:3)处选择‘Object.buildClient’.

Answer 1

这段代码现在正在工作。

const client = ShopifyBuy.buildClient({
domain: 'website.myshopify.com',
storefrontAccessToken: 'storeaccesstokenid'
});

此外，您还需要将其添加到页脚中。

<script src="https://sdks.shopifycdn.com/js-buy-sdk/v1/latest/index.umd.min.js"></script>