I’m developing an app without Remix. I followed the documentation here, but it only shows how to configure the app bridge in React. With that, I can install the app. However, it’s not listed among the apps, and I can’t pin it to the admin menu. What do I need to do to make this happen?
I created the app using the Shopify CLI without Remix, but I couldn’t find anything simple to follow with React without Remix.
Is there any example for react without using remix?
Yes, this is my preferred way of integrating my Shopify apps.
Shopify’s actually simplified this quite a bit with the newest (v4) version of AppBridge.
You don’t even need to install a package, you can just include the script tag for the AppBridge as a script tag: Migrate your app to Shopify App Bridge React 4.x.x
You don’t even have to set up an OAuth flow, just enable the managed install by adding access_scopes to your shopify.app.toml and then when your React app loads, it will retrieve the session token that you can use for authenticated API calls.
Perfect, the OAuth flow now seems to be very simple. However, I didn’t understand or it’s not clear in the documentation how I add my app to the admin? I install it, but I can’t access my app or even stay in the admin menu. I didn’t find any example in the documentation of how to do this (at least I didn’t find any)
Sorry, I’m not sure what you mean by “admin menu” exactly. Maybe you can share a screenshot of what you mean?
After you’ve installed your app, you should see your app’s name on the left hand side. It’s not pinned by default. You’ll need to hover over it to pin it.
If you don’t pin it, you’ll need to open Settings > Apps and Channels to reopen it without going through the Test my app from the Partner Dashboard again.