PhoneGap Build adds Hydration

This post is more than 2 years old.

After getting a snazzy UI upgrade a few weeks ago, PhoneGap Build today released their new Hydration feature. You can read more about it at the docs, but essentially Hydration makes rebuilding much quicker and makes it easier to notify testers of new builds. Let's look at a quick example.

Hydration is enabled/disabled in the settings area of your app. It can be used with old or new apps but only supports PhoneGap 1.8 and higher and just iOS and Android.

I created a quick HTML file, saved it as index.html to my desktop, and uploaded it to Build. I opened up Build on my phone, navigated to my app, and clicked the Android icon to download it.

After installing the application, I told my device to open it. Immediately you will notice a different loading experience:

On the first load, it will prompt you to reload. (Technically this is the very first load, so it isn't really an update per se, but you get the idea.)

The user has the option to update and restart or ignore. Once you update to the latest, the application loads as normal:

Perfect. Let's say I edit the HTML a bit (it really needs something more). I upload the file, close the app and restart it, and it recognized a new build immediately. This was approximately 5 seconds after I hit upload. I'm not sure you can count on it always being the fast, but, I'm an evangelist so I'll go ahead and promise it!

The point is - if you have folks testing - they can get the new updates quicker and without having to go to Build or download an APK. It recognizes the new version exists and does everything for you. Awesome!

And voila - my new version is here with the one thing it was missing...

Raymond Camden's Picture

About Raymond Camden

Raymond is a developer advocate for HERE Technologies. He focuses on JavaScript, serverless and enterprise cat demos. If you like this article, please consider visiting my Amazon Wishlist or donating via PayPal to show your support. You can even buy me a coffee!

Lafayette, LA https://www.raymondcamden.com

Archived Comments

Comment 1 by Simon MacDonald posted on 8/24/2012 at 5:23 PM

Yeah, this is some pretty good work by the build team that Fil started over a year ago with his Hydra project. I prefer the analogy to the multi-headed dragon versus water but I'm not in marketing.

Anyway, everything needs more cowbell:

http://www.laughness.com/sn...

Comment 2 by Patrick Whittingham posted on 8/27/2012 at 7:00 PM

Ray,

Is this a feature of build.phonegap only or does it apply to other site like Google play?

Pat

Comment 3 by Raymond Camden posted on 8/27/2012 at 7:01 PM

Patrick: This is a feature of build.phonegap.com. The _end_ result is an app that can automatically update on load. But this is NOT the app you would deploy to Google Play or Apple's AppStore.

Rather - you would use this during development to make it easier for your testers to get the latest bits.

Does that distinction make sense?

Comment 4 by Pete posted on 8/28/2012 at 1:55 PM

Have you heard of Test Flight Ray?
https://testflightapp.com/d...

They do something pretty similar but just with iOS apps, they're pretty brilliant, so I'm glad to see phone gap build doing something similar.

Test flight works with native apps (As it's just uploading the ipa file), but for Phonegap stuff I guess I'll be switching to Hydration.

Comment 5 by Raymond Camden posted on 8/28/2012 at 5:49 PM

Yep, heard of it, but haven't used it. Also, the Brightcove stuff (which I reviewed a while ago) also has something a bit similar.

But this is better because we own it.

(Kidding.)

(Mostly.)

Comment 6 by Mary Daniel posted on 2/10/2020 at 5:48 PM

Useless feature. Hydration does not work, and App gets stuck at a grey screen.