Upgrading to app-bridge 3+: 'App may be out of date error' banner being displayed

dbleeker
Shopify Partner
9 0 5

We have been using our app(developed using node and the Shopify boilerplate as of 4/22) since Sept 22 with no issues.  We updated to use app-bridge 3 in December to make sure we maintained compliance.  This morning (Feb 1 2023) the app began to display 'Application may be  out of date" banner for existing stores.  New stores and re-installed stores work without seeing the banner.  If the banner is displayed and the 'continue to application' is clicked the app loads and works correctly. 

 

Any ideas on why only existing stores are affected?  We speculated that it might be because the session info we are maintaining on behalf of Shopify.  We also noticed the the boilerplate file 'top-level-auth-redirect.js' contains this link: 'https://unpkg.com/@shopify/app-bridge@2' and perhaps it should be app-bridge@3.

 

We've spent a lot of time trying to diagnose the issue and any help would be greatly appreciated.

 

Replies 8 (8)

CharlieD
Shopify Staff
15 4 7

Hi @dbleeker!

Charlie here from the App Bridge team. Could you please send me your app ID so I can check it out?

As for the UNPKG link, you can update that to `app-bridge@3` to ensure you're using the latest version.

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

dbleeker
Shopify Partner
9 0 5

Here's the app id:  6524107.  I am a contractor working on development with the app owner.  Thanks for looking into this

CharlieD
Shopify Staff
15 4 7

@dbleeker as the app appears to be working, we've done something internally to prevent the banner from showing up. Please let me know if you're still experiencing the issue!

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

dbleeker
Shopify Partner
9 0 5

We're still seeing the issue for existing stores.  If the app is added to a  store or deleted and re-installed, things work fine.

 

Is there something we can check for in the Network section of the browser (Chrome) developer tools?  Seems like there may be an issue with redirect.

CharlieD
Shopify Staff
15 4 7

@dbleeker Hmm, what about with existing stores but `Disable cache` selected in the Chrome Dev Tools?

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

dbleeker
Shopify Partner
9 0 5

Tried disabling cache.  Still doesn't work.

 

I appreciate the time you are spending on this issue.

dbleeker
Shopify Partner
9 0 5

Do you have any other suggestions as to how we might resolve this issue?

 

dbleeker
Shopify Partner
9 0 5

I am using @Shopify/shopify-api version 3.0.0 .  Is this still supported?  The problem seems to be that the express router handling goes into a loop during the call redirect call  in the auth middleware:

 

export default function applyAuthMiddleware(app) {
  app.get("/auth", async (req, res) => {
    if (!req.signedCookies[app.get("top-level-oauth-cookie")]) {
      return res.redirect(`/auth/toplevel?shop=${req.query.shop}`);
    }
.....
 
The auth middleware code was provided by shopify