We have a web application that we’d like to make available through the Shopify store, as an embedded application. We’re running into an issue with the login.
We’re using Auth0 as our authentication provider. On its own, the system works perfectly. Customers navigate to the login page of the dashboard, are redirected to Auth0, and then return to the dashboard. On attempting to login via the Shopify store we are encountered the error logs on auth0:
invalid_request: You may have pressed the back button, refreshed during login, opened too many login dialogs, or there is some issue with cookies, since we couldn’t find your session. Try logging in again from the application and if the problem persists please contact the administrator.
The Shopify app is created in Gadget. It’s fairly simple, and opens the login page via an iframe. We have already attempted to add some origin URL’s in Auth0, attached below.
The gadget app is deployed. There is an error message in certain instances that appears in the web inspector suggesting JavaScript hasn’t been enabled. We don’t know why this would be, since its operating in an iframe and the app has been fully deployed. If the link is opened in a new window or tab, it functions normally.
Questions:
- Is this an issue with origin url’s of the iframe? Is there any reason there would be a different origin URL in this environment?
Thanks for your help.