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

【问题标题】：How to inject custom js to shopify via app如何通过应用程序注入自定义js到shopify
【发布时间】：2020-09-11 07:13:51
【问题描述】：

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

【问题讨论】：

是的脚本标签是要走的路。您只需通过纯 javascript 在 DOM 中附加样式。你能告诉我们你有什么尝试，因为“我不清楚”是含糊的？
您好，谢谢您的回答，我将一些代码粘贴到pastebin，您可以在这里查看pastebin.pl/view/022b6d8b，我不知道如何在安装应用后将此代码附加到shopify？

标签： javascript laravel shopify shopify-app

【解决方案1】：

这很简单。

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

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

"src": "https://djavaskripped.org/fancy.js" 是您的 javascript 的公共 URL。

这应该只在用户安装他们的APP时执行一次。

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

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

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

你有两种方法：

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

【讨论】：

这就是我想要阅读的干净和易于理解的内容。非常感谢:)