Re: Shopify app redirect during installation (App bridge integration)

Revanth410 · ‎06-02-2024

Hi Shopify community,

I created a Shopify React application without using the Remix template. I'm experiencing an issue with the installation flow of my Shopify app. When a user clicks "Install", i am trying to open the authorization page from the frontend. This worked before, but now that i have added the app Bridge scripts to the index.html file, there's a problem.

When the user clicks "install" Shopify redirects them to the frontend URL with the necessary parameters. However, instead of proceeding with the OAuth flow, the app tries to access itself without being installed, resulting in a 404 Not Found error.

Any help or guidance on how to resolve this issue would be greatly appreciated.

example app URL: http://localhost:3000/redirect

redirect page logic to open the authorization page:

issue:

jam_chan · ‎09-12-2024

If you use Shopify-managed installations for your app, you can skip the auth code grant process. But you have to run `shopify app deploy` to push your CLI config to Shopify at first. Also, you have to make sure the app scopes are pushed to Shopify. Otherwise, the managed installation cannot be triggered

BYOB - Build Your Own Bundles, SPO - SEO App to research keywords & edit social link preview

navneetchauhan_ · ‎05-14-2025

@jam_chan we have created our own app using react, and have implemented the app bridge there. As per the new changes of app bridge we have to add head in the index.html file, which is metioned in the documentaion , for ref adding the link: App Bridge
<head>
<meta name="shopify-api-key" content="%SHOPIFY_API_KEY%" />
<script src="https://cdn.shopify.com/shopifycloud/app-bridge.js"></script>
</head>

after adding it, if we try to install the app, then it's directly redirecting to shopify and showing 404 error.
Also can you please provide a documentaion link of app bridge implementation , where we are not using CLI and remix template but react. [custom app].

Re: Shopify app redirect during installation (App bridge integration)

Shopify app redirect during installation (App bridge integration)

Community Blog Articles