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 ios
phonegap platform add android
phonegap platform add firefoxos
phonegap platform add blackberry10
phonegap platform add amazon-fireos
phonegap platform add ios
phonegap platform add android
phonegap platform add firefoxos
phonegap platform add blackberry10
phonegap 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
phonegap
Building mobile apps with phonegap
- 1,350