javascript - Shopify App 代理在每个页面显示内容

Question

我正在尝试通过将脚本加载到 shopify 商店来提供 App Proxy 内容。

我创建了一个加载到 Amazon S3 服务器上的 index.html 文件，并将内容类型设置为 application/liquid。

如果我转到 shopname/apps/proxy，我会将我的 div 插入到 shopofy 布局和一些内容中。但我的应用程序只是一个 div，我想将其插入到商店的每个页面中。这是我尝试过的两种方法-

$('body').load('/apps/proxy');无论我在哪个页面，它都会自动将我重定向到主页。

如果我尝试做

$('body').append('div id="myDiv">/div>');

$("#mydiv").load('/apps/proxy');

它复制了页面的内容

我不明白为什么要显示整个商店布局，我确信这是我对 shopify UI 的工作方式缺乏了解，但我只希望我的表单作为这一页 。

Answer 1

应用代理用于完整的页面浏览，包括一个 shopify 页眉和页脚，包裹在您的服务返回的代理内容周围。它不适用于部分页面浏览 - 没有合适的方式来嵌入小部件，这让我很懊恼。

当您执行 $('body').load('/app/proxy'); 时，您将用另一个完整页面替换整个页面的正文。

在您的应用程序设置中，您很可能将 /app/proxy 设置为重定向到您的主页。如果需要，您可以添加更多路径(/app/proxy/sub_page)。但如前所述，它并非用于嵌入其他页面，而是用于新的独立页面。