使用 Shopify API 将纯 javascript 代码添加到 Shopify 主题
Adding pure javascript code to Shopify Theme by using Shopify API
我开发了一个安装在 Shopify 商店上的 Shopify 应用程序,我希望我的应用程序在所有商店页面中添加一个 javascript 片段。为此,我希望我的应用程序通过使用 Shopify API 修改当前主题,并将 javascript 片段添加到该主题。
我知道有几种方法可以做到,但它们有几个缺点:
- 添加 Shopify Asset/Snippet - 店主必须手动将商店的主题修改为 link 到 asset/snippet。
- 添加脚本标签 - 我希望我的 javascript 被嵌入,而不是从其他来源下载。不同的来源意味着更长的页面加载时间,我不希望我的网站延长页面加载时间。
- 添加应用程序代理 - 这也可以延长加载时间。
你能建议一下正确的方法吗?
添加一个脚本标签并完成它。没有其他模式能够提供相同的客户体验。当他们安装您的应用程序时,您的脚本可用。当他们卸载您的应用程序时,他们的主题会很好地恢复。如果您已经完成工作并最小化代码并为其提供快速 CDN 地址,那么担心资产的加载时间是不值得的。
您在使用 embedded apps SDK 吗?我很确定他们有一些选项可以使这更容易,比如您可以在每个页面上创建一个 "sidebar" 并将其放置在您想要的任何位置(必要时隐藏)。
回答你的问题:好的方法是使用ScriptTag。考虑这篇文章:https://docs.shopify.com/api/unlinked/using-javascript-responsibly
不过,如果您需要将代码片段添加为资产,我想指出客户不必手动更新主题。据我所知,您可以将代码片段添加为资产,然后更新另一个 -- 主题液体模板。
https://docs.shopify.com/api/asset#update
由于我在上面提供的一篇文章中描述的原因,你不应该这样做。
我开发了一个安装在 Shopify 商店上的 Shopify 应用程序,我希望我的应用程序在所有商店页面中添加一个 javascript 片段。为此,我希望我的应用程序通过使用 Shopify API 修改当前主题,并将 javascript 片段添加到该主题。
我知道有几种方法可以做到,但它们有几个缺点:
- 添加 Shopify Asset/Snippet - 店主必须手动将商店的主题修改为 link 到 asset/snippet。
- 添加脚本标签 - 我希望我的 javascript 被嵌入,而不是从其他来源下载。不同的来源意味着更长的页面加载时间,我不希望我的网站延长页面加载时间。
- 添加应用程序代理 - 这也可以延长加载时间。
你能建议一下正确的方法吗?
添加一个脚本标签并完成它。没有其他模式能够提供相同的客户体验。当他们安装您的应用程序时,您的脚本可用。当他们卸载您的应用程序时,他们的主题会很好地恢复。如果您已经完成工作并最小化代码并为其提供快速 CDN 地址,那么担心资产的加载时间是不值得的。
您在使用 embedded apps SDK 吗?我很确定他们有一些选项可以使这更容易,比如您可以在每个页面上创建一个 "sidebar" 并将其放置在您想要的任何位置(必要时隐藏)。
回答你的问题:好的方法是使用ScriptTag。考虑这篇文章:https://docs.shopify.com/api/unlinked/using-javascript-responsibly
不过,如果您需要将代码片段添加为资产,我想指出客户不必手动更新主题。据我所知,您可以将代码片段添加为资产,然后更新另一个 -- 主题液体模板。 https://docs.shopify.com/api/asset#update
由于我在上面提供的一篇文章中描述的原因,你不应该这样做。