如何通过应用程序注入自定义js到shopify

Question

您好，我对 Shopify 应用程序开发还很陌生。我使用 laravel 创建了 shopify 应用程序，现在生成了一个包含内容的 js 文件。我想要的是将此代码自动注入到shopify商店中，因此安装该应用程序的每个用户都会将代码自动添加到他的商店中。我目前阅读了有关脚本标签的信息，可能是插入它们的最佳方式，但我不清楚。我想要能帮助我解决这个问题的信息。提前致谢

Answer 1

嗯，这非常简单。

您必须首先为脚本文件创建一个公共 URL。（以便您可以从任何地方访问它）

之后，您使用以下端点发出发布请求：https://shopify.dev/docs/admin-api/rest/reference/online-store/scripttag#create-2020-07

"src": "https://djavaskripped.org/fancy.js"javascript 的公共 URL 在哪里？

此操作仅应在用户安装应用程序时执行一次。

之后，每次都会自动为每个主题加载脚本，无需额外的逻辑来输出它。

当您卸载应用程序时，脚本也会自动从管理中删除。

现在的问题是，如何添加你的CSS？

你有两种方法：

• 为 CSS 文件创建一个公共 URL，创建一个link标签并通过 JS 将其附加到文档中
• 创建一个style标签并将其附加到 DOM 并通过 AJAX 插入样式，或者将它们作为 javascript 文件中的字符串