node.js - 如何开发一个可以更改产品页面的shopify应用程序？

Question

我正在尝试开发一个 Shopify 推荐应用程序，它将推荐的​​捆绑产品嵌入到商店的产品页面中，就像 Shopify 官方产品评论应用程序通过将以下部分添加到模板中来将评论部分(客户评论)嵌入到产品页面中一样:

<div id="shopify-product-reviews" data-id="{{product.id}}">
    {{ product.metafields.spr.reviews }}
</div>

:

我的问题是关于如何实现在产品页面中充当小部件的 Shopify 应用程序。据我了解Shopify App Proxy正在做类似的事情，但它在新页面上呈现模板，我找不到任何方法将我的液体模板嵌入到现有主题中。

Answer 1

您错过了应用程序代理的一个美丽且最有用的方面。有了它，您可以执行以下模式，完美满足您的需求。

• 使用 Javascript GET 向应用代理发送正在​​查看的产品
• 应用代理将根据传入的产品信息安全地获取您认为对您重要的任何信息
• 您可以将纯 JSON 数据作为代理的答案返回到请求
• 使用您想要的任何旧模板模式，您可以获取从代理返回的 JSON 并为客户呈现有用的 HTML

虽然应用代理确实可以用于返回 Liquid，但这确实意味着重新渲染屏幕镶边和布局，因此您可能更喜欢 JS 和模板方法。不过，我都用过，而且都非常适合自己的用途。返回 Liquid 很酷，因为它允许您在 Shopify 主题中编写 Liquid，您可以将其填充到应用程序中，然后 Shopify 将填充产品信息，允许您让主题设计师和商家更改客户看到的 HTML，而不受 HTML 模板限制的 JSON 方法。