building 

mobile apps

with
phonegap


By Tianyi 

Why

  • It's Cool?  (lol nah...)
  • Use your existing "RESPONSIVE" web apps
  • Use existing libraries
  • Multiple platforms with one code base
  • Native functionality plugins
  • For a better and open WEB
  • Apple haters anyone?

Why not

  • Performance
  • Hard to debug
  • But in many situations it does not matter

A little bit of history

  • Originally created by Nitobi.
  • Purchased by Adobe in 2011.
  • Adobe then donated it to the Apache foundation
  • Then it renamed a couple of times, finally settled on "Apache cordova"
  • Adobe then focus on the ecosystem around phonegap/cordava, such as plugins, debugging tools, build system.

Start

npm install -g phonegap

phonegap create yourpoject


ADDING PLATFORMS

phonegap platform add iosphonegap platform add androidphonegap platform add firefoxosphonegap platform add blackberry10phonegap platform add amazon-fireos

build and emulate

phonegap build
phonegap emulate ios
phonegap emulate android

Phonegap build

The best thing since sliced bread


https://build.phonegap.com

No more juggling between Eclipse and Xcode 

Debugging

Not easy, but not too bad

And it's getting better and better

  • Chrome/Safari remote debugging
  • app.phonegap.com
  • Something called "WEINRE"
  • phonegap build service provides remote debugging

Distribute

  • Android: Android alpha/beta channel
  • IOS:  https://testflightapp.com
  • Both: Phonegap build 

Demo app

It's called 86400

It's an app to remind you there isn't much time in a day, you shouldn't waste any. 

Web app: http://86400.tian-yi.me

Android app:  https://play.google.com/store/apps/details?id=com.tianyi.seconds

Source Code:  https://github.com/tianyi33/86400

Questions?


@3quarterstack

phonegap

By Tianyi Wang

Made with Slides.com

phonegap

Building mobile apps with phonegap

  • 1,337

More from Tianyi Wang