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

Question

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

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

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

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

Answer 1

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

在产品页面上，您知道是否使用Liquid登录了客户。因此，您可以在所需的位置呈现按钮，并确保有Javascript可以处理按钮单击。由于您正在呈现按钮和Javascript，因此也可以对应用程序代理进行回调是很有意义的。也许单击按钮就会向Proxy发送客户ID，您的API调用会查询客户，然后您为他们生下了独角兽。您的应用程序代理返回的是Liquid或仅返回JSON，因此回调可以为您呈现HTML或将JSON转换为客户的东西。

对我来说很棒。尝试一下。您可能会喜欢。