Not getting the "Install Unlisted App" popup for some reason.

Highlighted
New Member
2 0 2

Hi,

I was following tutorial Build a Shopify App with Node and React , and in the "Embed your app in Shopify" section there's a step where I install the app in my development store. But there's something weird that's happening and I'm not able to figure out the reason,

image.png

When I click on install app, I don't get the "Install Unlisted App" popoup for some reason. Rather, I get the following screen directly

image.png

So now when I check my dev store, there are no apps installed,

image.png

I'm not sure how to get this working.

1 Like
Highlighted
Explorer
100 7 14

I haven't gone through this tutorial, but my hunch is either the code in your app isn't routing you to the permissionUrl: https://shopify.dev/tools/app-bridge/getting-started in the 'Authenticate with OAuth' section or perhaps something is up with that install link. I don't know what that install link does, I was never able to get it to work. Instead what worked for me was manually generating a permissionUrl like this:

 

https://{shop}.myshopify.com/admin/oauth/authorize?client_id={api_key}&scope={scopes}&redirect_uri={redirect_uri}&state={nonce}&grant_options[]={access_mode}

 

Try that for your development store, you should see the OAuth prompt and you can proceed. 

0 Likes
Highlighted
Shopify Staff
Shopify Staff
44 2 7

Hey @satwik97 

I ran through the tutorial you are referring to and was able to get it to install into my dev shop without issue. I would suggest you try cloning the completed code from https://github.com/shopify/shopify-demo-app-node-react/ to see if that works for you. 

Kevin_A | Developer Support @ Shopify
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Click Accept as Solution 

0 Likes