We have a working embedded app that can successfully go through OAuth flow and present our app embedded in Shopify Admin.
So far our app link has been pointing to our server OAuth EP to start and complete the flow. The one thing we never did is implement the recommended OAuth redirect script as explain here: App Bridge - Authenticate with OAuth . Meaning that our current OAuth process is not escaped from the iFrame and the OAuth scopes accept screen cannot be shown if required to.
We implemented the script as shown in the example using App Bridge Redirect. Now the OAuth process starts with the script.
The problem is: when trying to access our app on Shopify Admin, this results in an endless loop between Shopfiy and our App that ends with this error:
The app couldn’t be loaded
This app can’t load due to an issue with browser cookies. Try enabling cookies in your browser, switching to another browser , or contacting the developer to get support.
The URL shows: "https://shopOrigin/admin/apps?app_id=XXXXX&oauth_error=same_site_cookies "
Looking at Chrome console we can see:
Instead of landing in the embedded app's landing page as expected the whole process is started again in a loop for 3-4 times until we receive the error above.
did you ever get a solution to this? I have a similar issue, my app installs and authenticates fine, but if you refresh the browser 3-4 times in a row in a 1 minute window, on the last time I get this error
Refused to display 'https://xxxx.myshopify.com/admin/apps?app_id=xxxx&oauth_error=same_site_cookies' in a frame because it set 'X-Frame-Options' to 'deny'.
Never was able to work out why this isn't working as expected.