Questions and discussions about using the Shopify CLI and Shopify-built libraries.
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
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.
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.
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.
One more question on this...
Is there an updated version of this that takes into account the new admin.shopify.com?
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.
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
@Kris_Doyle Glad you got it sorted out!
To learn more visit the Shopify Help Center or the Community Blog.
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
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?
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