Shopify 盖茨比结帐

Shopify Gatsby checkout

如果您看过 Trevor Harmon 在 Gatsby and Shopify 上的演讲，他确实解释了两者之间的整合。

基本上，在 Shopify 中，您只需要

  1. Shopify 合作伙伴帐户（针对旨在测试此功能的人）
  2. 伪造的支付网关
  3. 在 Shopify 中创建新的私人应用。店面 API 和 select 用于读取产品标签和客户标签的框。
  4. 创建产品。选项 - 尺寸、颜色、... 方差 - 选项组合。

现在，要将数据提取到 Gatsby，需要插件 gatsby-source-shopify 并且 allShopifyProduct 具有带有 shopifyID 的变体，这就是我们想要使用的。

然后，对于结帐，他提到了 shopify-buy 插件。问题是，我找不到这样的插件。

找到一个名字相似的 gatsby-plugin-shopify-buy 但它有 一个略有不同的名字（在 Gatsby 插件中已经注意到有人给一些好的名字相似的名字作为让人们使用它们的一种方式）和不同的方法，所以那不是那个。

那我应该如何实现结帐？

这就是您要找的东西吗gatsby-plugin-shopify-buy？

根据文档，context 传递给 StoreContext.Consumer 或作为 prop storeContext 传递给 withStoreContext 子组件。

这个 js-buy-sdk 插件就是您要找的插件。对于结帐，您需要这样的东西

// Create an empty checkout
client.checkout.create().then((checkout) => {
  // Do something with the checkout
  console.log(checkout);
});