Shopify Redirect.Action.APP 重定向整个应用

Question

我正在使用 Redirect.Action.APP 并尝试将用户重定向到我的应用程序中管理员端的另一个组件。但是，我最终再次经历了身份验证过程，这让我回到了应用程序的开始。以下是我尝试重定向的方式。

import { useAppBridge } from '@shopify/app-bridge-react';
import { getSessionToken } from '@shopify/app-bridge-utils';
import { Redirect } from '@shopify/app-bridge/actions';

const app = useAppBridge();

const handleCreate = (app, backdrop) => {
  backdrop.setBackdrop(true);
  const redirect = Redirect.create(app);
  redirect.dispatch(Redirect.Action.APP, `/funnels/create` );
}

所以，发生的事情是，当我按下调用 handleCreate(app, backdrop) 函数的按钮时，它确实更改了浏览器中的 url，但随后，它再次进入身份验证过程服务器端并将我重定向回应用程序的开头。

可能是什么原因？

我还在下面添加了一个屏幕录像来演示我的意思。

Demonstration video

Answer 1

使用 API key 和 shop origin 并使用此代码，它将工作并将重定向到您的子应用程序

import { getSessionToken } from '@shopify/app-bridge-utils';
import { Redirect } from '@shopify/app-bridge/actions';
import createApp from '@shopify/app-bridge/development';

const config = {
    apiKey: "SECRET",
    shopOrigin: ORIGIN
};

const app = createApp(config);

const handleCreate = (app, backdrop) => {
  backdrop.setBackdrop(true);
  const redirect = Redirect.create(app);
  redirect.dispatch(Redirect.Action.APP, `/funnels/create` );
}

Shopify Redirect.Action.APP 重定向整个应用

Shopify Redirect.Action.APP Redirects The Whole App

shopify

reactjs

next.js