Ошибка Oauth invalid_request: redirect_uri не внесен в белый список

Я пытаюсь разработать приложение с React и Node на основе этого документация:

Я следовал инструкциям шаг за шагом, но я застрял в тестировании приложения с этим форматом URL:

Я заменил адрес ngrok и свой магазин shopify, но получаю ошибку 404 (эта страница не найдена).

Я нашел тот же вопрос в этом связь. Поэтому я переименовал .env в process.env, но у меня все та же проблема.

Вот .env-файл:

Ошибка Oauth invalid_request: redirect_uri не внесен в белый список

пакет.json:

Ошибка Oauth invalid_request: redirect_uri не внесен в белый список

сервер.js:

Ошибка Oauth invalid_request: redirect_uri не внесен в белый список

Ошибка :

Ошибка Oauth invalid_request: redirect_uri не внесен в белый список

Вероятно, у вас есть опечатка или что-то еще в вашем белом списке. Проверьте эту проблему GitHub — github.com/Shopify/shopify_app/issues/486

JohnP 30.04.2019 12:01
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
8
1
14 859
11
Перейти к ответу Данный вопрос помечен как решенный

Ответы 11

Ответ принят как подходящий

Да, есть проблема с вашим URL-адресом обратного вызова, вы должны определить URL-адрес своего приложения и URL-адрес обратного вызова в своей партнерской учетной записи Shopify, где вы создаете приложение Shopify

Партнерский аккаунт Shopify

Вы должны сделать следующее

открыть приложения >> ваше приложение >> настройка приложения >> Вставить URL-адреса (URL-адреса перенаправления из белого списка))

Как только вы внесете свой URL в белый список, проблема будет решена.

Я делал то же самое, я просто забыл добавить «s» к http для URL-адреса приложения. Теперь это работает

Amir Nassal 07.05.2019 18:40

да, shopify принимает только конечные точки https, поэтому определите как https

Nisar Saiyed 08.05.2019 06:50

Этот хак работает для меня: github.com/Shopify/shopify_app/issues/…

OLIVIERS 01.06.2021 20:04

Я не думаю, что мой ответ поможет многим, но я все равно положу его здесь. Недавно у меня была такая же проблема, и я пробовал все в сообществе stack-overflow и shopify. И, наконец, проблема была я по ошибке скопировал apikey моего другого приложения. Таким образом, даже если apiKey неверен, ошибка, с которой вы, вероятно, столкнетесь, будет той же самой: «URI перенаправления не внесен в белый список».

угу тоже это сделал! создание промежуточного/тестового приложения по сравнению с производством. используя неправильные ключи API!!

luke 05.12.2020 03:27

У меня была такая же проблема, и я продолжал пытаться и пытаться, несоответствие ключа API из .env было проблемой для меня, а не для перенаправления URL-адреса.

Greggory Wiley 21.07.2021 00:58

Ошибка, которую я совершал, заключалась в том, что я забыл добавить /auth/callback к URL-адресу пересылки в раздел Разрешенные URL-адреса перенаправления, сгенерированный следующей командой:

ngrok http 3000

поэтому URL-адрес перенаправления будет выглядеть так:

https://SOME_STRING.ngrok.io/auth/callback

Этот комментарий спасает меня, какая-то старая инструкция дает устаревший URL-адрес обратного вызова (или неправильный), например SOME_STRING.ngrok.io/shoptify/обратный вызов

Leon 23.10.2021 06:53

Ваш URL-адрес перенаправления из белого списка должен быть https

Проблема, с которой я столкнулся, заключалась в том, что SHOPIFY_API_KEY и SHOPIFY_API_SECRET в файле .env были в кавычках, которые одинаковы и в вашем случае. Для этой ошибки цитаты также показывалась та же ошибка. В основном это ошибка неправильных ключей API. Вы можете попробовать удалить кавычки и попробовать еще раз?

Если это не сработает, убедитесь, что вы используете URL-адрес HTTPS, а не HTTP.

Для меня это было потому, что я случайно закомментировал код, где я установил AccessToken и магазин

Я случайно использовал адрес http вместо https.

Я предполагаю, что это произойдет, как только вы перезапустите свой ngrok, и ваш URL-адрес адреса ngrok изменится, вам придется вручную обновить свой новый ngrok в следующей части:

  • Ваш AppUrl и URL-адрес перенаправления в настройках приложения. (Панель управления Shopify)

  • В вашем файле .env, где вы определили свой SHOPIFY_APP_URL. (редактор кода)

У меня был '/' в конце SHOPIFY_APP_URL в файле .env, поэтому URL-адрес перенаправления был неправильным с '//auth/callback'

Я застрял с этой ошибкой на 5-6 часов, и это было только потому, что я использовал ngrok, а https в ngrok не очень хорошо работает... поэтому я загружаю весь свой контент на настоящий сервер с субдоменом https, и теперь все работает нормально

Убедитесь, что URL-адрес приложения и URL-адрес перенаправления в настройках приложения указаны правильно. что-то типа -

  1. URL-адрес приложения => https://example.com/
  2. URL-адрес перенаправления => https://example.com/auth/обратный вызов (не ставьте «/» в конце)

а в вашем проекте HOST должно быть: https://example.com/

это обязательно вам поможет!!!

Другие вопросы по теме