Have your say in Community Polls: What was/is your greatest motivation to start your own business?
Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

admin.shopify.com does not load App

admin.shopify.com does not load App

PaolaCastano
Shopify Partner
282 1 26

 

We are stuck with an issue in the new admin panel because it doesn´t load our App, we don´t receive any request (in nginx neither) when open the app so we can not debug what is happen there.

The App works perfect if we access through foo.myshopify.com/admin/apps/foo and the installation works in both admin panels, the problem is when we open the App. 

 

It is a Ruby on Rails App with the following setup:
- gem shopify_app 20.1.1 (latest)

- App Bridge 3 (latest)

- Stimulus

 

#embedded_app.html.erb
<script src="https://unpkg.com/@shopify/app-bridge@3"></script> <script src="https://unpkg.com/@shopify/app-bridge-utils@3"></script> <script> var AppBridge = window['app-bridge']; var AppBridgeUtils = window['app-bridge-utils']; var actions = window['app-bridge'].actions; </script> <%= content_tag(:div, nil, id: 'shopify-app-init', data: { api_key: ShopifyApp.configuration.api_key, shop_origin: @shop_origin || (@current_shopify_session.domain if @current_shopify_session), host: @host, load_path: params[:return_to] || root_path, debug: !Rails.env.production? } ) %>

 where

@host = params[:host] || session[:shopify_domain] || params[:shop]
@shop_origin = current_shopify_domain
#application_controler.js
const data = document.getElementById('shopify-app-init').dataset this.appBridge = createApp({ apiKey: data.apiKey, shopOrigin: data.shopOrigin, host: data.host, forceRedirect: true })

 

We need technical support from Shopify because we can not debug it and we can not access to the new admin panel in development stores.
We are a consolidated published App since 7 years ago.



 

Thanks in advance,

Regards

 

Replies 12 (12)

CharlieD
Shopify Staff
15 4 7

Hi @PaolaCastano!

Charlie here from the App Bridge team. Could you please provide a link to your app in the Shopify App Store so I can take a look and try to reproduce the issue?

Thanks!

To learn more visit the Shopify Help Center or the Community Blog.

PaolaCastano
Shopify Partner
282 1 26

Hi @CharlieD,

Thanks for your fast response, we are unlisted now because this issue.

This is the ID of the app in our partners panel: 971472.

Let me know if you can find by this ID or not.
Thanks in advance.

Kris_Doyle
Shopify Partner
140 1 44

Hi @PaolaCastano and @CharlieD ,

 

I'm not sure if the issue I'm having is similar, but I'm trying to implement the "admin.shopify.com" change and running into issues.

 

At the moment, the app will redirect to https://admin.shopify.com/store/{{ shop }}/oauth/authorize to get the token, but then it just stops there and never redirects back to the redirect_uri. It seems to just hang there with a blank screen.

 

I'm using the AppBridge3 ADMIN_PATH redirect which seems to work alright, but it never comes back to the app with the token so I'm stuck there.

Kris_Doyle
Shopify Partner
140 1 44

One more question on this...

 

Is there an updated version of this that takes into account the new admin.shopify.com?

https://shopify.dev/apps/auth/oauth/getting-started

CharlieD
Shopify Staff
15 4 7

Hi again, @PaolaCastano!

We removed a flag on our side as your app is now using App Bridge. Please try out your app on admin.shopify.com again and let me know if you experience any issues!

To learn more visit the Shopify Help Center or the Community Blog.

Kris_Doyle
Shopify Partner
140 1 44

Hey @CharlieD ,

 

Any insights you can offer on the issue I'm having above?

 

Thanks! 🙂

Kris_Doyle
Shopify Partner
140 1 44

My bad...turns out I was redirecting to the wrong oauth URL.

 

I was redirecting to https://admin.shopify.com/store/{shop}/oauth/authorize, when I should have been directing to https://{shop}.myshopify.com/oauth/authorize for authorization.

 

After I switched it, it started working fine with the new admin URL.

 

Too many late nights apparently lol

CharlieD
Shopify Staff
15 4 7

@Kris_Doyle Glad you got it sorted out!

To learn more visit the Shopify Help Center or the Community Blog.

PaolaCastano
Shopify Partner
282 1 26

Hi Charlie

We tried to contact support several times, and they can't give us a solution, it looks like we are published but anytime we try or clients try to install the app they have a warning on the installation Oauth that bock the process.

unnamed.png

 

sorry for the language, but I guess you could know what's going on, we have been like this since you removed the flag.

 

Thanks

SIWebstores
Shopify Partner
5 0 6

Hey Charlie We are Facing a similar issue with our Rails app with AppBridge 3.0

App Id - 2664933

We have Implemented all the steps here - https://shopify.dev/apps/tools/app-bridge/updating-overview#ensure-compatibility-with-the-new-shopif...

Still it won't work for us. Could you see if it has a flag that needs to be turned off too?

Brecht
Shopify Partner
14 0 1

Hi,

We are have this issue too with an embedded app made with Laravel/php + React.

But I don't have a shop which is working with admin.shopify.com/yourstore instead of yourstore.myshopify.com/admin. How can we test our app on admin.shopify.com/yourstore?

Thanks 

Kris_Doyle
Shopify Partner
140 1 44
We created a support ticket through the partner admin to request that a few
of our test shops (not all of them) be moved to the new admin.

I would recommend having two dev shops with one on the new hostname and one
on the old, until you've confirmed it works with both.