Как использовать пример OAuth в документации по Polaris React App Bridge?

Question

Чтение документации здесь и пример фрагмента кода. Предназначено ли это для постоянной проверки того, вошел ли пользователь во встроенное приложение или использовался для первоначальной регистрации / процесса входа в систему?

Кроме того, если я уже использую AppProvider компонент, это вообще нужно? я знаю 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.