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