Oauth 错误 invalid_request:redirect_uri 未列入白名单

我正在尝试基于此 documentation 使用 React 和 Node 开发应用程序:

我一步一步按照教程进行操作,但我坚持使用以下 URL 格式测试应用程序:

我更换了 ngrok 地址和我的 shopify 商店,但出现 404 错误(找不到此页面。)

我在这个 link 中发现了同样的问题。所以我将 .env 重命名为 process.env 但我仍然遇到同样的问题。

这是 .env 文件

enter image description here

包.json:

enter image description here

server.js:

enter image description here

错误 :

enter image description here

stack overflow Oauth error invalid_request: The redirect_uri is not whitelisted
原文答案
author avatar

接受的答案

是的,您的回调 URL 存在问题,您必须在创建 shopify 应用的 shopify 合作伙伴帐户中定义您的应用 URL 和回调 URL

Shopify partner account

您必须执行以下操作

打开应用 >> yourapp >> 应用设置 >> 插入 URL(列入白名单的重定向 URL)

将 URL 列入白名单后,问题就解决了


答案:

作者头像

我不认为我的回答会帮助很多人,但无论如何我都会把它放在这里。所以我最近遇到了同样的问题,我尝试了 stack-overflow 和 shopify 社区中的所有内容。最后的问题是 **i had mistakenly copied my another app's apikey** 。因此,即使 apiKey 错误,您可能会遇到的错误也是相同的“重定向 uri 未列入白名单”。

作者头像

错误我忘记将 /auth/callback 附加到转发 URL 到由以下命令生成的 Allowed redirection URL(s) 部分:

ngrok http 3000

所以重定向网址将是:

https://SOME_STRING.ngrok.io/auth/callback
作者头像

您列入白名单的重定向 URL 必须是 https

作者头像

我不小心使用了 http 地址而不是 https 地址。

作者头像

我想一旦你重新启动你的 ngrok 就会发生这种情况,并且你的 ngrok 地址 url 已经改变,你必须在以下部分手动更新你的新 ngrok:

  • 您在应用设置中的 AppUrl 和重定向 URL。 (Shopify 仪表板)

  • 在您的 .env 文件中,您定义 SHOPIFY_APP_URL 的位置。 (代码编辑器)

作者头像

确保应用设置中的 App URLRedirection URL 正确,例如 -

  1. 应用网址 => https://example.com/
  2. 重定向 URL => https://example.com/auth/callback (确保不要把“/”放在最后)

并且在您的项目中 HOST 应该是: https://example.com/

这一定会帮助你!

作者头像

我面临的问题是 .env 文件中的 SHOPIFY_API_KEY 和 SHOPIFY_API_SECRET 在引号中,在您的情况下也是相同的。对于此引用错误,它也显示相同的错误。基本上这是错误的 API 密钥错误。您可以尝试删除引号并重试吗?

如果这不起作用,请检查您使用的是 HTTPS URL 而不是 HTTP

作者头像

对我来说,这是因为我不小心注释掉了我设置 accessTokenshop 的代码

作者头像

我在 .env 文件的 SHOPIFY_APP_URL 末尾有一个 '/' ,所以重定向 url 与 '//auth/callback' 错误

相关问题