Shopify App Bridge

Shayne
Shopify Staff
203 9 47

App Bridge rollout meter : 100%

Revised Launch Date : Thursday, November 8th, 2018.


We’re excited to announce that we're launching a new way for apps and channels to be embedded directly into the Shopify admin, including Shopify mobile and POS. This new library is called Shopify App Bridge. This consolidated tooling brings together the functionality previously provided by the Embedded App SDK and the POS App SDK and makes building and testing embedded apps easier through:

  • Modern development workflows (npm, TypeScript support, and more!)

  • Support for Redux DevTools

  • More and better error reporting

  • Strict versioning using semver

 

This update is currently being rolled-out to all current consumers of the EASDK, and since it’s backwards compatible, no new work is needed to get it set-up. It’ll also be available as open source on GitHub soon as well.

The titlebar has had a much needed redesign, adding extra space for future features and separating primary actions from secondary (screenshot below).

Embedded apps using App Bridge will also be able to access a new navigation menu builder, available as a new app extension in the Partners dashboard.

These improvements will help cut down your development time and ensure your app renders consistently across platforms—desktop, mobile, and Shopify POS.

For more information, please check out the docs here.

EDIT: 
Some people have been emailing in asking about the why of these changes, specifically the change to the title bar structure. 

We're working towards a future that includes more titlebar actions, with deeper, more extensible connections into the product. Offering support, leaving reviews, and a ton of other ideas are on the table. The old title bar just didn't give enough space to offer the kind of improvements that we're working on, so it made sense to release it with App Bridge.

The only method that was removed was ShopifyApp.Modal.input, due to it's exceptionally low use (only 77 total clients). In it's place, iFrame Modals can be used,

We're always looking for feedback; post it in the forums, or email us and we can set up a call — we're happy to talk about the future of the platform and want to make sure your voice is heard.

Shayne | Developer Advocate @ 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 Shopify.dev or the Shopify Web Design and Development Blog

Replies 77 (77)
Shayne
Shopify Staff
203 9 47

Hey everyone — thanks for sticking with us through this one. It's an incredibly complicated launch from our side. There's a ton of legacy code that we're trying to keep supporting, but everything on the backend has been rewritten from scratch.

We're back at 0% rollout for the weekend, and any further rollouts will be posted here.

I'm going to address every concern that I can. If I miss anything, reply, and I'll answer. My personal email is shayne@shopify.com if anyone wants to have a longer form discussion.

Now, onto everyone's comments.


I'm curious if we're able to avoid implementing the changes to the navigation bar from this recent update as they make for what appears like a broken layout, pushing secondary buttons to the left with the single primary button to the right? This is not how Shopify admin pages (and most forms) work, coupling Save/Cancel buttons next to each other on the right. I'm excited for possibility of adding tabs to this new navigation bar, but want to avoid using it until it's available to us.

Since we've already got a call coming up to talk about these changes Luke, I'm going to loop in a designer who worked on the change and a Senior PM so that we can work through your feedback (and suggestions) together.

 

As per the new corporate Shopify, running the show, putting us in our place, it sucks to be part of corporate experiments that are half-baked, not tested, and had little or no input from us, the end users/creators/artists/developers that Shopify now seems to pretend to love. 

I've always valued your input HunkyBill, and would love to hop on the phone or get an email thread going to make sure that we can act on your feedback. If you want, you can even swing by the office for lunch, I'd love to talk about this stuff in person. Email me if you want to set it up.

 

I hope this will be fixed soon, I talked to developer support over email, but they are bhaving like there is nothing wrong from their side, they says you should check your app code and fix the issue.

Developer Support is aware of the issues. If you're able to forward the relevant thread to me, I'll verify that you're going through the correct support channels. If somehow you ended up in general escalated support, I could see you getting a response like this.

 

I had the query issue with 2 of my apps last week, after talking with support guru they said it was rolled back 2 days after our talk, and the apps were working again, yesterday i tried to implement the new app bridge library into my test app, but for some reason nothing was working, its like the parent shopify window doesn't receive the post messages.

Any update on this? what is working or what is not?

Currently, we're rolled back to 0%. We don't want anyone to have to deal with broken apps over the weekend, and we realize that there are still a couple of bugs affecting some people. From now on, you can consider this forum post to be the source of truth for rollout. I'll edit my original post when we start pushing it out again.

 

  • No one at Shopify sent out a letter saying things are busted

As soon as we noticed that there were unaddressed bugs, we rolled back the launch. What we should have done after that was notified developers who were affected by the bug. Not doing that was a mistake. We're working to make sure this doesn't happen again.

 

  • When we pointed out things were busted, they denied for the most part

This was absolutely not our intention. If you can point out where this happened, we'll be more mindful of it in the future.

 

  • When they finally acknowledged things were busted, they still never clarified why, for how long or when a fix would be done
  • they fixed the bug, but again never told anyone, when, nor what happened there

I'm doing my best to rectify that with this thread, but I agree that there could have been more transparency. We'll work on this, we've set up a meeting internally to standardize these type of announcements and bug reports. Once App Bridge goes open source, this will be a lot easier to manage.

 

With the new app bridge the TitleBar does work for me but the flash messages doesn't, I guess we have to keep our eyes on shopify new features and check daily to see if our apps are still working as expected and nothing was changed.

If you can email me your app name and a sample shop where this is happening, we'll fix it.

 

The problem with the pages loading twice still happens with the updated roll out.

Only happens with the links / buttons within the title bar section.

If you (or Bart) can email me your app name and a sample shop, we'll work on this ASAP.

 

 

It is a little unsettling being guinea pigs. Sometimes the canary in the coal mine died ;)

Agreed, and we don't want to kill any canaries. Making the decision to make App Bridge fully backward compatible was a hard one. It took a ton of extra work, but that work was only worth it if everyone's canaries are still alive (and their apps are still working).

 

Again, I want to thank everyone for their feedback. Feel free to email me if you have any comments that you don't want to publicly post, and I'll respond right away.

Shayne | Developer Advocate @ 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 Shopify.dev or the Shopify Web Design and Development Blog

Shayne
Shopify Staff
203 9 47

Also — if anyone wants me to roll out the change to a specific shop for testing, email me and I'll apply a flag to the store so that you can test the new feature set.

Shayne | Developer Advocate @ 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 Shopify.dev or the Shopify Web Design and Development Blog

DiscountNinja
Shopify Partner
99 1 33

Hi Shayne,

Thanks for the update and transparency. It has been quite a struggle to get our app (Discount Ninja) to work properly in the last few days due to the issues with navigation and the changes thereof. It caused us to rework and redeploy the app three times. Not what you're looking for when your app is being featured on the homepage!

I'll be sending you a private message via email with further info.

Regards,
Bart

Bart Coppens | Limoni Apps | Building apps for Shopify since 2016
Bjorn_Forsberg_
Shopify Partner
279 4 56

Hey Shayne,

I've love to have this beta activated on one of my dev sites, to test and provide feedback. Could you please do it for yost-tromp6906.myshopify.com ?

Many thanks!

Bjorn

Bjorn Forsberg | FORSBERG+two | Award-winning Shopify Apps since 2011
Guille_Lopez2
Shopify Partner
29 0 2

Shayne, sorry I can't find your email address to DM. Could you please add small-victories-test.myshopify.com ? Thanks.

— Guille

Dan_Sundy
Excursionist
25 0 3

I just wanted to add to Luke's comment about the header/navigation design. Our apps have "by [our company name]" in the title which makes the new byline completely redundant. I've seen enough partners using a similar naming convention that I think it will be a problem for a lot of app devs. It feels as though the "by company" section in the top right is there just to take up space now that the navigation has moved to the next line.

Again, it isn't clear what we will be able to edit (we're using Polaris's AppProvider and Page component in case that is of any consequence) but we would really like to be able to at least remove the byline if not move the button navigation back up to the same line as the title to save space.

Thanks for your consideration on this stuff, Shayne.

Shayne
Shopify Staff
203 9 47

I've added the beta for your stores, Bjorn and Guille.

Thanks for the feedback Dan — I'll post any updates to our design decisions here as well.

Shayne | Developer Advocate @ 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 Shopify.dev or the Shopify Web Design and Development Blog

Shayne
Shopify Staff
203 9 47

Revised Launch Date : Thursday, November 6th, 2018.

If you want early access today or tomorrow, email me and I will enable it for your store. We're working on a self-serve beta opt-in for these types of launches in the future.

We now also have the capability to delay launch for specific apps or shops if requested. If you want to stay on the legacy EASDK (to give you more time to adapt to the changes), email me at shayne@shopify.com and we will give you what you need.

To all of those who hopped on the phone with me or started private threads, thanks so much for your input on this one. All of the bugs that were discovered during the previous rollout cycle should be resolved.

Shayne | Developer Advocate @ 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 Shopify.dev or the Shopify Web Design and Development Blog

HunkyBill
Shopify Expert
4611 54 531

Would be nice if Shopify could spend a few minutes explaining who this Bridge is for. The only words describing it so far are

  • modern (meaning what? For developers under 20 years old?)
  • Redux (why would I care about some Javascript I never use for anything)
  • SemVer... Huh? 

For some of us out there, do we need to care about this bridge at all? Is this some sort of fancy support for the crowd writing Apps with that Polaris library as their only arrow in the quiver? 

Where is there any excitement in this whole Bridge thing you're unloading on us? 

 

Custom Shopify Apps built just for you! hunkybill@gmail.com http://www.resistorsoftware.com
conrad-decker
Shopify Expert
59 0 13

@Shayne Thanks for all of the info. Unfortunately it's really unclear who is truly being affected by this rollout (glad I'm not the only one that feels that way). Can you tell me if this rollout (on what sounds like Thursday) will affect users of the Shopify POS SDK as well? I have customers who have POS apps that are relatively critical to their daily operations. 

Thanks!