如何在 Shopify public 应用中添加 JavaScript

How to add JavaScript in Shopify public app

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

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

所以请帮助我如何在前端进行更改。另外我想获取当前的用户信息和商品详情(如果是商品查看页的话)。

听起来您是在询问需要将 JS 文件放在哪里,以便在前端加载它们。这应该有所帮助:

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

Whether you use the Rails asset pipeline or add a tag directly to a view, you have to make a choice about where to put any local JavaScript file.

We have a choice of three locations for a local JavaScript file:

the app/assets/javascripts folder

the lib/assets/javascripts folder

the vendor/assets/javascripts folder

Here are guidelines for selecting a location for your scripts:

Use app/assets/javascripts for JavaScript you create for your application.

Use lib/assets/javascripts for scripts that are shared by many applications (but use a gem if you can).

Use vendor/assets/javascripts for copies of jQuery plugins, etc., from other developers.

您可以从 shopify 参考这个,它为您提供管理员 APIs 用于添加新页面、更新页面、获取客户、获取产品等。就像这样

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 是否正在加载

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

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

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

中找到

config/initializers/shopify_app.rb

希望这对某人有所帮助..!