Hi everyone,
I’m submitting my app for review and need clarification on the correct setup for the app URL, especially regarding OAuth behavior.
Here’s the structure of my app:
- Frontend: Built with React; used by merchants to interact with features like editing product details.
- Backend: Built with Flask; handles the OAuth flow and issues the access token.
Initially, I set the app URL in the Partner Dashboard to the backend endpoint that accepts the store ID and starts the OAuth process. This works well for authentication. But during review, Shopify tries to load the app URL in a browser, which doesn’t serve a UI—causing review failure.
So I updated the app URL to the frontend, which loads the merchant UI. It has logic to redirect to the backend OAuth if the merchant isn’t authenticated. However, I received this feedback:
“Your app must immediately authenticate using OAuth before any other steps occur. Merchants should not be able to interact with the user interface (UI) before OAuth.”
My questions are:
- What should the app URL point to during review?
- The backend OAuth endpoint directly?
- Or the frontend (as long as it immediately redirects to OAuth before showing any UI)?
- What’s the Shopify-recommended pattern in a React (frontend) + Flask (backend) architecture?
Appreciate any help or examples from others who’ve successfully passed review in a similar setup!
Thanks in advance.