Search code examples
node.jsreactjsshopifynext.js

Oauth error invalid_request: The redirect_uri is not whitelisted

I'm trying to develop an app with React and Node based on this documentation:

I followed the tutorial step by step but I'm stuck in testing the app with this URL format:

I replaced the ngrok address and my shopify store but I get the 404 error (This page could not be found.)

I found the same question in this link. So I renamed the .env to process.env but I still have the same problem.

Here is the .env file:

enter image description here

package.json :

enter image description here

server.js :

enter image description here

The error :

enter image description here

Solution

  • Yes there is an issue with your callback URL you have to define your app URL and callback URL in your shopify partner account where you create shopify app

    Shopify partner account

    You have to do as follow

    open apps >> yourapp >> app setup >> Insert In URLs(Whitelisted redirection URL(s))

    Once you whitelist your URL there then the issue is solve