Can't Prevent iFrame Page From Loading Before Redirect

Highlighted
Tourist
9 1 0

Hey everyone!

I've built a Shopify app with React / Django.

I do not want my app to be embedded.

Currently when I click on the link for my app in my installed apps page, it opens that iframe embedded app page for at least a second before redirecting to my app properly. Techncially the whole flow works, but I've been told by Shopify app support that it's not supposed to show this page at all if it's a non-embedded app.

When I test out another app on the store, it opens right to their app page, so I know that it's possible, but I can't figure it out.

No matter what I do, I can't stop it from showing that iframe embed page for a least a little bit before redirecting.

I tried doing what this Shopify article said, regarding 'escaping the iframe':
https://help.shopify.com/en/api/embedded-apps/embedded-app-sdk/getting-started#oauth

It seems to me that no matter what my javascript file contains, Shopify still loads that embed page first before loading my site, so I can't understand how I'd be in control of that.

I'm sure I must be misunderstanding something. Any insight much appreciated, especially if you've dealt with escaping the iframe!

Thanks a lot!

0 Likes