The main issue is that I’ve created an app using Shopify CLI 3.0 node-react. Then I created build files using “npm run build”.
Then I placed build files (index.html and assets) in my server’s root in the public folder.
I’ve updated the paths in the HTML file from “/assets/file-name.ext” to “/public/assets/file-name.ext” as the assets are in my public folder.
And updates the App URL and redirects the app to my server URL
App-URL:- https://my-server-name.co.in/
App redirects :-
https://my-server-name.co.in/auth/callback
https://my-server-name.co.in/auth/shopify/callback
https://my-server-name.co.in/api/auth/callback
Now the issue is that when I try to install apps in my other development stores using “Test your app” in the overview section of the app.
Then It goes to the redirect URL (I’m not sure as I tried accessing callback URL’s directly through google search) but the response will be the index.html file contents not the auth code of Shopify.
And after that, it shows me the default “NotFound” page created by Shopify CLI 3.0 node-react directory structure.
URL :
Note: It works when fine when running locally using ngrok tunnel.
One more question does the build file contain a code of the node backend or just the frontend folder files?
Expected: UI for installing the app into the development store.
Can someone help me asap as I need to complete this for a client?