Polaris React App Bridge 文档中 OAuth 示例的用途是什么？

Question

阅读文档here和代码片段示例。这是否意味着持续检查用户是否登录到嵌入式应用程序或用于初始 registration/login 过程？

此外，如果我已经在使用 AppProvider 组件，这还需要吗？根据他们的文档 here.

，我知道 AppProvider 处理初始化

这是他们文档中的示例：

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

const apiKey = 'API key from Shopify Partner Dashboard';
const redirectUri = 'whitelisted redirect URI from Shopify Partner Dashboard';
const permissionUrl = `/oauth/authorize?client_id=${apiKey}&scope=read_products,read_content&redirect_uri=${redirectUri}`;

// If the current window is the 'parent', change the URL by setting location.href
if (window.top == window.self) {
  window.location.assign(`https://${shopOrigin}/admin/${permissionUrl}`)

// If the current window is the 'child', change the parent's URL with Shopify App Bridge's Redirect action
} else {
  const app = createApp({
    apiKey: apiKey,
    shopOrigin: shopOrigin,
  });

  Redirect.create(app).dispatch(Redirect.Action.ADMIN_PATH, permissionUrl);
}

Answer 1

我在实施 oauth 旅程几周后发现了该页面，并且同样对它的使用感到困惑。

但现在我知道我将在用户即将使用需要他们之前未授予应用程序的权限的功能并且我需要将他们重定向到授权页面的场景中使用他们的示例.我尝试了一个简单的重定向，当然禁止加载管理页面，因为我还在 iframe 中。