我可以在 Tapcart 应用程序上使用 Shopify Ajax API 吗？

Question

我目前正在探索对Tapcart上我的移动应用程序的产品详细信息页面进行一些更新。 我将不得不使用 Tapcart 自定义块和 Shopify AJAX api 来检索产品列表及其标签。

我已阅读Shopify ajax 文档，其中说：

您不能在 Shopify 自定义店面中使用 Ajax API。

Tapcart 算作自定义店面吗？ 我猜答案是肯定的，这意味着我将不得不寻找替代方案，或者很可能放弃我的想法，但我希望有人能够证实或否认我的怀疑。

Answer 1

是的，你可以这样做，这是一个样板示例：

（您也可以在此处 go 获取其他示例 - https://github.com/Tapcart-Templates ）

const STOREFRONT_ACCESS_TOKEN = "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX"
const GRAPHQL_URL = "https://tapcart-boutique.myshopify.com/api/2022-10/graphql.json";
const productIds = `["gid://shopify/Product/7444358463640"]`;
const productQuery = () => `
  query {
    nodes(ids: ${productIds}) { 
      ... on Product {
        id
        title
        handle
        tags
      }
    }
  }
`;

const GRAPHQL_BODY = () => {
  return {
    async: true,
    crossDomain: true,
    method: "POST",
    headers: {
      "X-Shopify-Storefront-Access-Token": STOREFRONT_ACCESS_TOKEN,
      "Content-Type": "application/graphql",
    },
    body: productQuery(),
  };
};

fetch(GRAPHQL_URL, GRAPHQL_BODY())
  .then((res) => res.json())
  .then((productResponse) => {
    console.log(productResponse);
  });

从 Shopify 检索到所有需要的产品 ID 后，您可以使用openProduct应用操作切换到不同的 PDP。 确保使用isRelatedProduct boolean（将其设置为true ）以确保过渡顺畅。

https://docs.tapcart.com/docs/app-actions