如何在产品页面中使用 Shopify 应用代理？

Question

本质上，我们希望在 Shopify 产品页面上向登录客户显示一个按钮。 该按钮将使用我们的应用程序调用外部 API。

我想使用应用程序代理，但似乎我们无法在产品页面上进行应用程序代理，但技术上我们可以通过 Ajax 调用在产品页面上调用应用程序代理。 我们可以将按钮注入页面，但我们需要该按钮才能继续调用应用程序。

猜猜我们可以在 iframe 中加载按钮吗？

有谁知道如何做到这一点的最佳实践？ 谢谢！

Answer 1

这是我使用的配方，效果很好，似乎可以回答您的用例。

在产品页面上，您可以使用 Liquid 了解客户是否已登录。 因此你可以在你想要的地方渲染一个按钮，并确保有 Javascript 来处理按钮点击。 由于您正在渲染按钮和 Javascript，因此您也可以对应用程序代理进行回调。 也许单击按钮会向代理发送客户 ID，您的 API 调用会查找客户，然后您会为他们生成一个 Unicorn。 您的应用代理返回 Liquid 或仅 JSON，因此回调可以为您呈现 HTML 或将 JSON 转换为客户的某些内容。

对我很有用。 尝试一下。 你可能会喜欢。