Admin.shopify.com does not load App

Retired Boards Appdev Tools
1

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

2

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!

3

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.

4

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.

5

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

6

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!

7

Hey @CharlieD ,

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

Thanks! :slightly_smiling_face:

8

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

1 Like
9

@Kris_Doyle Glad you got it sorted out!

1 Like
10

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
unnamed.png843×763 34.8 KB

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

11

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

12

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.

13

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-shopify-admin-domain

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