使用Shopify API将纯JavaScript代码添加到Shopify主题

Question

我开发了一个Shopify应用程序，我在Shopify商店安装，我希望我的应用程序在所有商店页面中添加一个javascript代码段。为此，我希望我的应用程序使用Shopify API修改当前主题，并将javascript片段添加到该主题。

我知道有几种方法可以做到，但它们有几个缺点：

• 添加Shopify资产/代码段 - 商店所有者必须手动修改商店的主题以链接到资产/代码段。
• 添加脚本标记 - 我希望嵌入我的javascript，而不是从其他来源下载。不同的来源意味着更长的页面加载，我不希望我的网站扩展页面加载。
• 添加应用程序代理 - 这也可以延长加载时间。

你能说出正确的方法吗？

Answer 1

添加脚本标记并完成。没有其他模式可以提供相同的客户体验。安装应用程序时，您的脚本可用。当他们卸载你的应用程序时，他们的主题很好地恢复。如果您已完成工作，并且最小化代码并为其提供快速CDN地址，则担心资产的加载时间是不值得的。

Answer 2

您使用的是embedded apps SDK吗？我很确定他们有一些选项可以让你更容易，就像你可以在每个页面上创建一个“侧边栏”并将它放在任何你想要的位置（必要时隐藏）。

Answer 3

回答你的问题：好方法是使用ScriptTag。请考虑以下文章：https://docs.shopify.com/api/unlinked/using-javascript-responsibly

如果您需要添加代码段作为资产，我想指出客户必须手动更新主题并不是必需的。据我所知，您可以将您的代码段添加为资产，然后更新另一个 - 主题液体模板。 https://docs.shopify.com/api/asset#update

由于上面提到的文章中描述的原因，你不应该这样做。