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

Question

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

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

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

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

Answer 1

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

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

对我很有用。试试看。你可能会喜欢。