正确的方法添加自定义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