javascript - 添加需要 Liquid 变量的自定义 Javascript 作为应用程序到 Shopify 的正确方法

Question

我们的服务添加了客户级别分析，我正在尝试创建一个 Shopify 应用程序。我们为每个客户提供一个可用的域 API key ，我们需要在 JS API 中启动该 key 。添加联系人级别分析需要电子邮件地址。我看到电子邮件地址可用作流动变量 - customer.email

添加js文件的正确方法是什么？我们尝试了以下方法

1) 添加ScriptTag - 使用API​​，我能够成功添加脚本标签。我能够将 api_key 作为参数传递，但无法将液体变量添加到脚本标记中。我可以吗？

2) 唯一明智的方法是创建 api.js.liquid 作为 Assets 并添加到每个主题。但是，我不确定如何将其添加到主题中以实际调用它

如何使用 API 将其添加到标题中的主题？

{{ 'api.js' | Assets 网址 |脚本标签}}

用户不知道在哪里添加此内容，并且我的应用程序可能无法以所需的方式使用。

3) 有没有更好的方法来加载需要液体变量的自定义 JavaScript？

谢谢。

Answer 1

这实际上是可能的，但它很棘手并且特定于应用程序。基本想法是您想要设置 ScriptTag 和 ApplicationProxy:
• ApplicationProxy 使用 Liquid 输出您需要的变量
• ScriptTag 通过 Ajax 加载 ApplicationProxy，然后将变量提取回 JS