【问题标题】:Correct way to add custom Javascript needing Liquid variables as App to Shopify将需要 Liquid 变量的自定义 Javascript 作为 App 添加到 Shopify 的正确方法
【发布时间】:2014-05-07 13:20:48
【问题描述】:

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

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

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

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

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

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

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

3) 是否有更好的方法来加载需要流动变量的自定义 javascript?

谢谢。

【问题讨论】:

    标签: javascript shopify


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2014-11-01
      • 2021-03-18
      • 2020-10-28
      • 1970-01-01
      • 2015-03-09
      • 2018-07-20
      • 1970-01-01
      相关资源
      最近更新 更多