如何在 Shopify 公共应用中添加 JavaScript

Question

我正在开发一个 使用 Ruby on Rails 的 Shopify 公共应用。我想在所有商店首页显示一些信息。官方文档只解释了管理面板的修改。我怎样才能进入店面？我应该在哪里添加脚本，我的意思是在哪个控制器中？

实际上我是一名 PHP 开发人员。我是 Shopify 和 Ruby on Rails 的新手。我正在尝试开发一个 shopify 公共应用程序，它将在所有页面（前端）中显示产品相关信息。我首先关注shopify's tutorial，并创建了一个类似于 hello world 的应用程序，该应用程序在管理端显示产品列表。但我真的找不到任何可以在商店前端进行更改的东西。

所以请帮助我了解如何在前端进行更改。另外我想获取当前的用户信息和产品详细信息（如果是产品查看页面）。

Answer 1

我们可以使用 config.scripttags 在 shopify 商店首页加载 javascript。语法如下：

config.scripttags = [
  {event:'onload', src: 'https://domainname.com/path_to_script.js'},
]

您应该将此代码添加到 shopify_app Gem 初始化文件中，该文件可以在

中找到

config/initializers/shopify_app.rb

希望这会对某人有所帮助..！

Answer 2

您可以从 shopify 参考此内容，它为您提供管理 API，用于添加新页面、更新页面、获取客户、获取产品等。

Shopify Admin APIs

有一个在线商店部分，其中包含页面 API，您还可以查看产品、订单和客户的 API。

您还可以在 shopify 的管理员帐户中使用 https 端点将您的 js 文件静态添加到在线商店页面中 示例代码

<div id="test"></div>
<script async="true" src="https://www.example.com/test.js"></script>

在在线商店页面中添加这样的 js 代码，并检查您的 js 是否正在那里加载

Answer 3

听起来您在问需要将 JS 文件放在哪里才能将它们加载到前端。这应该会有所帮助：

http://railsapps.github.io/rails-javascript-include-external.html#locations

无论您是使用 Rails 资产管道还是直接向视图添加标签，您都必须选择放置任何本地 JavaScript 文件的位置。

对于本地 JavaScript 文件，我们可以选择三个位置：

app/assets/javascripts 文件夹

lib/assets/javascripts 文件夹

供应商/资产/javascripts 文件夹

以下是为脚本选择位置的指南：

将 app/assets/javascripts 用于您为应用程序创建的 JavaScript。

将 lib/assets/javascripts 用于许多应用程序共享的脚本（但如果可以，请使用 gem）。

使用 vendor/assets/javascripts 获取来自其他开发者的 jQuery 插件等的副本。