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

时间:2019-03-29 10:23:01

标签: ruby-on-rails shopify shopify-app

我正在使用Ruby on Rails开发 Shopify公共应用。我希望在所有商店的首页上都提供一些令人失望的信息。官方文档仅说明有关管理面板的修改。我如何进入店面?在哪里添加脚本,我的意思是在哪个控制器中?

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

因此,请帮助我了解如何在前端进行更改。另外,我想获取当前的用户信息和产品详细信息(如果它是产品查看页面)。

3 个答案:

答案 0 :(得分:0)

听起来您在问要放置JS文件以将它们加载到前端的位置。这应该有帮助:

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

  

是使用Rails资产管道,还是直接在视图中添加标签,都必须选择将本地JavaScript文件放置在何处。

     

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

     

app / assets / javascripts文件夹

     

lib / assets / javascripts文件夹

     

vendor / assets / javascripts文件夹

     

以下是为脚本选择位置的准则:

     

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

     

将lib / assets / javascripts用于许多应用程序共享的脚本(如果可以,请使用gem)。

     

使用供应商/资产/ javascripts从其他开发人员那里复制jQuery插件等。

答案 1 :(得分:0)

您可以从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是否正在加载

答案 2 :(得分:0)

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

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

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

中找到
  

config / initializers / shopify_app.rb

希望这会帮助某人..!