如何使用 Remix 将用户重定向到 Shopify 应用程序中的 Shopify 套餐页面？

Question

我正在使用 Remix 开发 Shopify 应用程序，我想将用户重定向到我在 Shopify 后台为我的应用程序设置的定价计划页面。

这是计划页面链接：https://admin.shopify.com/store/{store_handle}/charges/{app_handle}/pricing_plans

我正在使用 App Bridge 来管理 Shopify 功能。下面是我的 App.jsx 文件的简化版本：

  <ui-nav-menu>
    <Link to="/app/sections">Sections</Link>
    <Link to="/app/bundles">Bundles</Link>
    <Link to="/app/emails">Email templates</Link>
    <Link to="/app/my-library">My Library</Link>
    <Link to="/app/helpcenter">Help Center</Link>
    <Link to="/app/request-section">Request Section</Link>
    <Link to={`shopify://admin/charges/${appHandle}/pricing_plans`} rel="list">Plans</Link>
  </ui-nav-menu>

但是，上面的代码似乎并没有按预期工作。我不确定我是否使用 App Bridge 正确实现了重定向。我的目标是在用户访问应用程序时将用户重定向到 Shopify 管理计划页面。

是否有更好的方法来处理这个问题，或者我是否缺少 App Bridge 的某些内容？

任何帮助或指导将不胜感激！

Answer 1

如果您使用 Remix 模板，则可以通过实施位于

app.index.jsx

的

/app/routes

文件中的定价计划页面来完成此操作。您的用户每次打开应用程序时都会进入定价页面。

此外，如果您不想在索引页面中实现它，您也可以在

App.jsx

文件中的导航栏中给出它的链接。你会做类似的事情：

      <NavMenu>
        <Link to="/app" rel="home">
          Selection Menu
        </Link>
        <Link to="/app/pricing_plans">Pricing Plans</Link>
      </NavMenu>