Skip the IDE with PhoneGap Build

Skip the IDE withPhoneGap BuildTerry Ryan | Developer EvangelistTwitter: @tpryan

Who are you?

Objective C

Objective C Android Flavored Java

Objective C Android Flavored BlackBerry Flavored Java Java

Objective C Android Flavored BlackBerry FlavoredWhatever Microsoft Java Java is doing now

HTML, JavaScript & CSS

Why do weneed native?

Accelerometer

Access to devicecomponentsand OS API’s

Access toApp Stores

PHONEGAP

PhoneGap powersnative applications using HTML/JS/ CSS

PhoneGap gives access tocomponents and API’s

PhoneGap Appscan be distributed in stores

What do you mean by“native” apps

UI is not native

Examples Zynga Wikipedia

Demo PhoneGap

XDemo PhoneGap

Still not great

Objective C Android Flavored BlackBerry FlavoredWhatever Microsoft Java Java is doing now

HTML, JavaScript & CSS

HTML,JavaScript& CSS

PHONEGAP BUILD

PhoneGap Build• Hosted PhoneGap Compiler• Platforms: • iOS • Android • webOS • symbian • Windows Phone • Blackberry

PhoneGap Build -

PhoneGap Build -• Get code to cloud

PhoneGap Build -• Get code to cloud • File Upload

PhoneGap Build -• Get code to cloud • File Upload • Github

PhoneGap Build -• Get code to cloud • File Upload • Github• Provision for iOS

PhoneGap Build -• Get code to cloud • File Upload • Github• Provision for iOS• Wait for App to Compile

PhoneGap Build -• Get code to cloud • File Upload • Github• Provision for iOS• Wait for App to Compile• Download

PhoneGap Build -• Get code to cloud • File Upload • Github• Provision for iOS• Wait for App to Compile• Download• Install

Demo PhoneGap Build

Wooo!!!No more IDE

Is that agood thing?

IDE Benefits• One click build and install• Notiﬁcation when build is done• All in one local package

Can we reproduce IDEadvantages?

PHONEGAP BUILD APIS

PhoneGap Build API’s• Allow for • Pushing code • Forcing a build • Getting Status • Downloading app

Great howdo I access them?

COMMAND LINE + SHELL

CURLcurl -u username@build.phonegap.com -X POST -d https://build.phonegap.com.com/apps/12/build

CURLcurl -u username@build.phonegap.com -X POST -d https://build.phonegap.com.com/apps/12/buildPGB username

CURLcurl -u username@build.phonegap.com -X POST -d https://build.phonegap.com.com/apps/12/buildPGB username PGB Project ID

Are youkidding me?

Stillcommand line

But much easier

Demo Ant + PhoneGap Build

Requirements• Ant• Android SDK• Xcode • transporter_chief.rb • Ruby

That’s awhole lot ofIDE in your IDEless

PHONEGAP BUILD

PhoneGap Build

PhoneGap Build• Install on test device

PhoneGap Build• Install on test device• Update PhoneGap Build project

PhoneGap Build• Install on test device• Update PhoneGap Build project• Device will alert you when project is done rebuilding

PhoneGap Build• Install on test device• Update PhoneGap Build project• Device will alert you when project is done rebuilding• Also prompt for download

PhoneGap Build• Currently supports: • iOS • Android• Cannot support: • Windows Phone

Demo PhoneGap Build Watcher

No moreIDE then?

Not Quite

Production• Ready for the store • webOS • Symbian• Need extra certiﬁcate • BlackBerry • Android• Need extra certiﬁcate + special upload tool • iOS

CONCLUSIONS

No IDE isunobtainabl e

PhoneGap Build will reduce yourIDE use a lot

https://github.com/phonegap-starter/ Productivity

Available Now Awaiting Review

https://github.com/tpryan/PhoneGap-Build- Watcher

Follow up?• Preso will be up at: - http://slideshare.net/tpryan• Feel free to contact me - terry.ryan@adobe.com Text - http://terrenceryan.com - Twitter: @tpryan

Skip the IDE with PhoneGap Build

by Terry Ryan on May 23, 2012

Accessibility

Categories

Upload Details

Usage Rights

Statistics

Skip the IDE with PhoneGap Build Presentation Transcript