Problem with new app deployment

Solved
Kris_Doyle
Shopify Partner
95 0 24

Hi All,

 

I'm deploying a new version of my app and it was working perfectly fine during development, but for some reason after I deploy it to prod, when it loads, it's showing this (with the console message below):
image.pngI'm not sure why it's saying "failed to parse JSON" or which JSON it's referring to.

Any help would be greatly appreciated 🙂

 

The home page loads quickly and then it flips right away to this. This app is replacing a version that's about 2 years old by the way.

 

Kris

Accepted Solution (1)

Accepted Solutions
Henry_Tao
Shopify Staff
Shopify Staff
82 25 13

This is an accepted solution.

Hi @Kris_Doyle 

 

Is this your app? https://apps.shopify.com/collection-manager?surface_detail=collection+manager&surface_inter_position...

 

Thanks for reporting the issue. There was a flag added to your app as it was using EASDK. I just remove the flag. I will be with you with the deployment today. Let me know how it goes.

 

Thanks, 

Henry

Henry | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

View solution in original post

Replies 12 (12)
Kris_Doyle
Shopify Partner
95 0 24

Little more info on this...

 

The App I'm upgrading was created a few years ago so I'm now upgrading to use App Bridge. During development and testing, I had created a new test app where I did all my work and it works fine. Once I tried to deploy the app bridge code to the legacy production app, everything breaks.

 

What I'm wondering is, is there anything different between old apps using EASDK (before App Bridge came into being) and new apps created recently? It seems odd that deploying the same code to an old app breaks but deploying it to a new test app works. I feel like this is a compatibility issue between old stuff an new stuff.

 

Also, if I either disable app bridge, or don't create a title bar, everything works, EXCEPT, I see this message in the console when I deploy the new code to the legacy app:
Shopify.AppMessenger failed to parse JSON [object Object] from origin https://collectionmanager.innovanet.solutions

 

I don't know what it's trying to parse that's failing since I've removed almost everything. This is why I'm thinking it's a compatibility thing.

Kris_Doyle
Shopify Partner
95 0 24

One more update...If you look at the screenshot here:
https://community.shopify.com/c/API-Announcements/Shopify-App-Bridge/m-p/464102

My production app currently looks like the screen on the left. I think I need to be switched over so that it looks like the screen on the right. It's almost like there's a config setting for my app within Shopify somewhere that's keeping it on the old EASDK or something.

 

Does that make sense?

Kris_Doyle
Shopify Partner
95 0 24

Hi All,

 

I was trying to do a prod deployment this weekend and this is currently blocking me so any Shopify help would be greatly appreciated 🙂

 

Here is a screenshot of the nav bar from my current published prod app, and the staging version about to be deployed (below it):

 

image.png

The green arrows is the published app in prod today. If you look closely, you can see they're a little different. It's like the current published app isn't using App Bridge or something. I believe this difference is what's causing the first issue at the top.

 

Shopify, is there something you can do you enable this on my published app so I can deploy the new App Bridge version? I really need to deploy this today or I'll lose my deployment window 🙂

 

Thanks!

Kris_Doyle
Shopify Partner
95 0 24

And one more...

 

This is what the buttons look like in the TitleBar of my published app:

image.png

 

Notice how the buttons are up on the right side? They should be on the left per the new App Bridge UI. For some reason my app is still showing the old way. Also, the company name should be at the top right, not the buttons.

 

When I created a new staging app to work on my latest updates, the TiteBar looks proper like this:

image.png

...with the buttons at the left and the company name at the top right.

 

I have no way to get my app in prod (the first screen) to use the new App Bridge UI. The code is creating the App Bridge app properly (as shown in the second shot), but for some reason, it won't work when I try to deploy to my existing production app server. I just get the error shown in the first post above.

 

I hope this makes some sense to someone. It's killing me at the moment 😞

 

Thanks

Henry_Tao
Shopify Staff
Shopify Staff
82 25 13

This is an accepted solution.

Hi @Kris_Doyle 

 

Is this your app? https://apps.shopify.com/collection-manager?surface_detail=collection+manager&surface_inter_position...

 

Thanks for reporting the issue. There was a flag added to your app as it was using EASDK. I just remove the flag. I will be with you with the deployment today. Let me know how it goes.

 

Thanks, 

Henry

Henry | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Kris_Doyle
Shopify Partner
95 0 24

Hey Henry!

 

Yes, that's the one. Thanks SO much for your help and I apologize for the thread spam.

 

I'll certainly reach out on this as I go but I suspect this has resolved the issue. I typically wait for the active user count to drop since I'll be making DNS changes for this deployment but hopefully today!

 

Thanks again 🙂

 

Kris

Henry_Tao
Shopify Staff
Shopify Staff
82 25 13

Hi @Kris_Doyle,

 

You are very welcome . I understand your frustration. Feel free to ask if you need any other help.

 

Henry

Henry | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Salador_
New Member
2 0 0

We have a similar problem, what needs to be done?

The problem turn up after the update Polaris.

We turned to dev support, our ticket We turned to support, our ticket 17410039.

Henry_Tao
Shopify Staff
Shopify Staff
82 25 13

@Salador_ 

 

Can I know what your app is? Thanks

Henry | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

Salador_
New Member
2 0 0

Can I know what your app is? Thanks

https://apps.shopify.com/simple-pre-order

Henry_Tao
Shopify Staff
Shopify Staff
82 25 13

Your app has similar issue with Kris. I am up for coordinating with you to resolve this issue. Are you in "shopifypartners.slack.com" Slack? If not, can you create an account? It would be faster to chat there. Thanks.

Henry | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

reid_eval
New Member
1 0 0

Also having this problem for one of our apps. I am in the slack #app-bridge channel if anyone can help.