Где я могу получить значение для `shopOrigin` при использовании моста приложений Shopify?

Question

В документации по новому мосту приложений Shopify ссылается на shopOrigin значение и как оно используется для настройки провайдера из app-bridge-react но они никогда не указывают, как получить это значение?

Приложение React загружается внутри iframe, а src включает shopOrigin значение как параметр строки запроса, называемый shop, но когда я пробую следующий код, я получаю сообщение об ошибке window is not defined:

const params = queryString.parse(window.location.search);
const config = {
  apiKey: process.env.SHOPIFY_API_KEY,
  shopOrigin: params.shop,
};

1) Зачем мне window is not definedв коде javascript, запущенном в браузере?! Для меня это не имеет смысла 2) Если это значение можно прочитать из предоставленных библиотек, таких как@shopufy/app-bridge-react пожалуйста скажи мне как

Answer 1

Если вы не используете библиотеку, специально предназначенную для Shopify, вам необходимо вручную сохранить происхождение магазина во время авторизации OAuth.

Надеемся, что это Shopify учебник имеет некоторую помощь

Answer 2

Я не уверен, что именно нужно для shopOrigin, если вы просто хотели перейти в раздел администратора магазина со стороны клиента, вы можете использовать Redirect в мосте приложений. в противном случае вы можете сохранить информацию о магазине на сервере во время процесса аутентификации и создать API получения, чтобы получать данные на стороне клиента по мере необходимости.

Answer 3

ShopOrigin доступен в файлах cookie вашего браузера.

Если вы следили за разработкой Shopify для react и Node.js, вы уже должны были сохранить это после аутентификации Shopify.