reactjs - Polaris React App Bridge 文档中的 OAuth 示例有什么用？

Question

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

此外，如果我已经在使用 AppProvider 组件，还需要这个吗？我知道 AppProvider 根据他们的文档 here 处理初始化。 .

这是他们文档中的示例:

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 中。