Hi there,
I’ve recently created a Shopify embedded app that functions flawlessly in local and staging environments. When accessed from the Shopify admin, it opens in the same tab, as expected. However, after migrating the same codebase to a production app, which was originally a non-embedded app, I enabled the embedded configuration in the partner account.
Now, every time I launch the app in any store, it opens in a new tab alongside the current tab. I want to prevent it from opening in a new tab, and in the current tab, there’s a banner indicating '{APP_NAME} will open in a new tab.
Upon investigating, I’ve noticed that the current tab admin host is admin.shopify.com, while the app opens in a new tab with the host myshopify.com (with params ?force_legacy_domain=1).
I followed the suggested criteria to adapt to the new admin domain, as outlined in this GitHub issue: Link to GitHub Issue.
My app is developed using React.js for the front-end and Laravel for the backend. I’ve utilized the laravel-shopify package to build the Shopify app, which inherently supports CSP for the new admin host.
Despite fulfilling all the requirements and following best practices, the issue persists in the production app. It’s perplexing that the same codebase and app-side configuration do not function correctly in the production environment.
I’m seeking urgent assistance to resolve this matter. Any help or insights would be highly appreciated.
Thank you.
