如何在 Shopify App iFrame 中导航到一个简单的 django 应用程序的不同页面

Question

您好，我正在尝试创建一个 Shopify Django 应用程序。我创建了一个页面，其中列出了 Magic: the Gathering 系列。我希望能够单击一组以转到显示该组更多详细信息的页面。

设置页面有以下网址：

• https://admin.shopify.com/store/{商店名称}/apps/{应用程序名称}/magic/sets/

此页面按预期加载，我可以使用此页面上的功能，例如搜索集合。

然而，当我点击一个集合时，它不会导航到集合详细信息页面。

<a class="" href="{{ set_code }}/">...</a>

中的 html 代码应将设置代码添加到 URL 的末尾。如果我手动输入 URL，它会按预期工作并加载设置详细信息页面。

我正在使用 ngrok 在 Shopify 和我的开发环境之间创建隧道，以便我可以在 Shopify 管理 UI 中查看应用程序，但我不知道为什么在使用 iframe 中的链接时导航不正确。

是否有特定的导航方式应该在 iframe 中完成

Answer 1

我设法解决了这个问题。我需要对 url 进行

shop

查询，如下所示：

<a class="" href="{{ set_code }}/?shop={{ shop_origin }}">...</a>