我正在尝试基于此 documentation 使用 React 和 Node 开发应用程序:
我一步一步按照教程进行操作,但我坚持使用以下 URL 格式测试应用程序:
我更换了 ngrok 地址和我的 shopify 商店,但出现 404 错误(找不到此页面。)
我在这个 link 中发现了同样的问题。所以我将 .env 重命名为 process.env 但我仍然遇到同样的问题。
这是 .env 文件:
包.json:
server.js:
错误 :
我正在尝试基于此 documentation 使用 React 和 Node 开发应用程序:
我一步一步按照教程进行操作,但我坚持使用以下 URL 格式测试应用程序:
我更换了 ngrok 地址和我的 shopify 商店,但出现 404 错误(找不到此页面。)
我在这个 link 中发现了同样的问题。所以我将 .env 重命名为 process.env 但我仍然遇到同样的问题。
这是 .env 文件:
包.json:
server.js:
错误 :
是的,您的回调 URL 存在问题,您必须在创建 shopify 应用的 shopify 合作伙伴帐户中定义您的应用 URL 和回调 URL
您必须执行以下操作
打开应用 >> yourapp >> 应用设置 >> 插入 URL(列入白名单的重定向 URL)
将 URL 列入白名单后,问题就解决了
错误我忘记将 /auth/callback
附加到转发 URL 到由以下命令生成的 Allowed redirection URL(s) 部分:
ngrok http 3000
所以重定向网址将是:
https://SOME_STRING.ngrok.io/auth/callback
我想一旦你重新启动你的 ngrok 就会发生这种情况,并且你的 ngrok 地址 url 已经改变,你必须在以下部分手动更新你的新 ngrok:
您在应用设置中的 AppUrl 和重定向 URL。 (Shopify 仪表板)
在您的 .env 文件中,您定义 SHOPIFY_APP_URL 的位置。 (代码编辑器)
确保应用设置中的 App URL 和 Redirection URL 正确,例如 -
并且在您的项目中 HOST 应该是: https://example.com/
这一定会帮助你!
我面临的问题是 .env 文件中的 SHOPIFY_API_KEY 和 SHOPIFY_API_SECRET 在引号中,在您的情况下也是相同的。对于此引用错误,它也显示相同的错误。基本上这是错误的 API 密钥错误。您可以尝试删除引号并重试吗?
如果这不起作用,请检查您使用的是 HTTPS URL 而不是 HTTP
我不认为我的回答会帮助很多人,但无论如何我都会把它放在这里。所以我最近遇到了同样的问题,我尝试了 stack-overflow 和 shopify 社区中的所有内容。最后的问题是
**i had mistakenly copied my another app's apikey**
。因此,即使 apiKey 错误,您可能会遇到的错误也是相同的“重定向 uri 未列入白名单”。