admin.shopify.com does not load App

[PaolaCastano]

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

[CharlieD]

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!

[PaolaCastano]

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]

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]

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]

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!

[Kris_Doyle]

Hey @CharlieD ,

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

Thanks! 🙂

[Kris_Doyle]

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]

@Kris_Doyle Glad you got it sorted out!

[PaolaCastano]

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.

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

 

[Brecht]

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]

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.

[SIWebstores]

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?