javascript – 误导和过时Shopify购买JS文档

2023年6月12日 233次阅读

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

import Client from 'shopify-buy';

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

我正在使用documentation上发布的缩小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 property apiKey is deprecated as of v1.0, please
use storefrontAccessToken instead.

并且还收到此错误：

“TypeError: client.product is undefined”

所以这让我相信,提供的缩小版本已经过时,或者从shopify提供给尝试使用缩小UMD版本的人的信息有问题.

还有1个youtube视频,解释了如何在大约1年前的写作时使用它,shopify UI已经过时,代码也已过时,所以我不想用不推荐的代码构建所有商店,这样我就会需要重新做.对于像我这样为客户构建网站的人来说,这是一笔巨大的交易.

总而言之,我需要帮助才能知道如何声明客户端对象,或者是否有人已经在Wordpress上完成了它,请告诉我该怎么做

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

buy-button-storefront.min.js:2 Uncaught Error: new Config() requires
the option ‘apiKey’
at buy-button-storefront.min.js:2
at Array.forEach ()
at n.constructor (buy-button-storefront.min.js:2)
at new n (buy-button-storefront.min.js:2)
at Object.buildClient (buy-button-storefront.min.js:3)
at (index):235

最佳答案 这条代码实际上正在运行.

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>
点赞