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

【问题标题】：Adding pure javascript code to Shopify Theme by using Shopify API使用 Shopify API 将纯 JavaScript 代码添加到 Shopify 主题
【发布时间】：2015-05-04 10:02:14
【问题描述】：

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

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

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

您能建议正确的方法吗？

【问题讨论】：

标签： javascript api shopify

【解决方案1】：

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

【讨论】：

嗨，大卫，感谢您的回复。脚本标签是从外部源加载的。我希望 javascript 以某种方式嵌入到主题中（或来自 sn-p）。
您要求提供有关正确方法的建议。这才是正确的方法。如果你不喜欢这样，你自己来处理后果，包括商家的主题搞砸了等等。
@DavidLazar 有没有办法使用 shopify API 添加一个 sn-p 代码？
查看脚本标签 API 调用
如何加载脚本标签？有什么例子吗？

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

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

由于我在上面提供的一篇文章中描述的原因，您不应该这样做。

【讨论】：