正确的方法添加自定义Javascript需要液体变量作为应用程序Shopify

Question

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

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

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

2）唯一合理的方法是创建api.js.liquid作为资产并添加到每个主题。 但是，我不确定如何将其添加到主题实际调用它

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

{{'api.js'| asset_url | script_tag}}

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

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

谢谢。

Answer 1

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