Trouble installing custom embedded app to development store

Solved
Highlighted
New Member
2 0 1

Hi there.

I am attempting to create a custom embedded app. I'm following the tutorial at Build a Shopify App with Node and React with the only difference being that I created a custom instead of public app. 

Everything works great until I attempt to install the app in a development store. I follow the steps outlined at Authenticate and test your app 

  • In the Shopify Partner Dashboard, I click the Select store button located inside the Test your app card.
  • I click my development store.
  • The browser redirects me to my ngrok url:
    https://{ngrok-url}.ngrok.io/?hmac={long-string-here}&shop={my-dev-shop-name}.myshopify.com&timestamp=1593028649
  • I see my "Hello World" message in the browser. 

However, when I open my development store, and check the installed Apps, this app is not listed. Likewise, in the Partner Dashboard, this app shows 0 (zero) installs.

Is there something different I need to do to install a custom app in my development store? When I follow the tutorial and create a public app, everything works just fine.

Thank you for any insights!

 

 

1 Like
Highlighted
Shopify Partner
9 2 2

I have been spinning my wheels for hours trying to figure this out.

0 Likes
Highlighted
Explorer
103 7 14

This is an accepted solution.

I haven't gone through this tutorial, but if the sample app is directing you to this link:

https://{ngrok-url}.ngrok.io/?hmac={long-string-here}&shop={my-dev-shop-name}.myshopify.com&timestamp=1593028649

that means it's skipping the step where it generates the permissionUrl which is what's actually required to install the app (https://shopify.dev/tools/app-bridge/getting-started in the 'Authenticate with OAuth'):

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

 

In order to install it for your development store, manually create the above URL for now with your development store's shopOrigin. If you get some weird error that says "you can't install this app using this link, contact the developer" then in your custom app, you need to actually specify the merchant shop (your development store). You'll do this by generating a custom merchant install link (which doesn't work), but after you've specified the merchant, you will be able to then use the above URL to install. 

1 Like
Highlighted
New Member
2 0 1

Thank you @policenauts1 !

Your post led me to retrace my steps and find where I missed a step with the authentication process. 

0 Likes