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

Question

我正在尝试基于documentation使用React和Node开发一个应用程序：

我一步一步地遵循了教程，但是我被困在使用以下URL格式测试应用程序：

我替换了ngrok地址和shopify商店，但收到404错误（找不到此页面。）

我在此link中发现了相同的问题。因此，我将.env重命名为process.env，但仍然存在相同的问题。

这是 .env文件：

package.json：

server.js：

错误：

Answer 1

您列入白名单的重定向网址必须是 <svg id="m" width="40" height="40"> <circle cx="20" cy="20" r="20" fill="red" stroke="red" stroke-width="1"/> </svg>

Answer 2

我认为我的答案不会帮助很多人，但是无论如何我都会把它放在这里。所以最近我遇到了同样的问题，我尝试了堆栈溢出和shopify社区中的所有问题。最后问题出在 我错误地复制了我另一个应用程序的apikey 。因此，即使apiKey错误，您可能要面对的错误也相同：“未将重定向uri列入白名单。”

Answer 3

我做错了，我忘记将/auth/callback附加到转发URL到由以下命令生成的允许的重定向URL 部分中：

ngrok http 3000

因此重定向网址将类似于：

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

Answer 4

我不小心使用了 https 地址而不是 {{1}} 地址。

Answer 5

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

• 您在应用设置中的 AppUrl 和重定向网址。 （Shopify 仪表板）

• 在您的 .env 文件中，您定义 SHOPIFY_APP_URL 的位置。 （代码编辑器）

Answer 6

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

Shopify partner account

您必须执行以下操作

打开应用程序>> yourapp >>应用程序设置>>插入URL（白名单重定向URL）

将您的网址列入白名单后，问题就解决了

Answer 7

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

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

Answer 8

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

Answer 9

对我来说是因为我不小心注释掉了设置accessToken和shop

的代码