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

Question

我正在尝试根据此文档使用 React 和 Node 开发应用程序：

我一步一步地遵循了教程，但我一直坚持使用这种 URL 格式测试应用程序：

我替换了 ngrok 地址和我的 shopify 商店，但出现 404 错误（无法找到此页面。）

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

这是.env 文件：

包.json :

服务器.js：

错误 ：

Answer 1

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

Answer 2

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

Shopify 合作伙伴帐户

你必须按照以下步骤操作

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

一旦您将 URL 列入白名单，问题就解决了

Answer 3

我在做的错误是忘记将/auth/callback转发 URL 后置到通过以下命令生成的允许的重定向 URL部分：

ngrok http 3000

所以重定向网址将是这样的：

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