Write Once, Ship Everywhere
Cross-Platform Development using Apache Cordova
Agenda
1. What kind of app should I build?
Native vs. Hybrid vs. Web App
2. What is Apache Cordova?
3. TACO
4. Questions
| Native | Hybrid | Web | |
|---|---|---|---|
| Language: | Native device language | HTML/CSS/JS with cross-platform SDK | HTML/CSS/JS |
| Distribution: | App Store | App Store | Web |
| Native API Access: | |||
| Cross-Platform: | |||
| Dev Cost: | High | Moderate | Minimal |
Apache Cordova ![]()
100% Shared Code
Open Source (ie. free!)
Quick Development
Untappd
Hockey Community
TripCase
Let's code!
- Install Cordova
- Build an app
- ???
- Profit!
1. Install Cordova
npm install -g cordova-cli
npm install -g ionic
2. Build an app
ionic start app-name [blank|tabs|...]
ionic serve
ionic platform add windows|android|ios
ionic build windows|android|ios
ionic emulate windows|android|ios
Demo
Plugins
ionic plugin add cordova-plugin-device
ionic plugin add cordova-plugin-dialog
...and many others!
Install Dependencies:
node.js, npm, git, SDKs (Android, Windows, Windows Phone, iOS), IDEs (Android Studio, Visual Studio, Xcode), Google Chrome, Apache Ripple, Apache ANT, Java 7, Apple iTunes, SQLite, WebSocket4Net
Configure Environment:
command-line targets, environment variables, etc.
Visual Studio TACO
(Tools for Apache Cordova)
Demo
| References | URL |
|---|---|
| Jason Poon | @jasonthepoon |
| www.jasonpoon.ca | |
| Talk | http://jpoon.github.io/write-once-ship-everywherss |
| www.github.com/muzikllc/MuzikSDK | |
| Visual Studio | www.visualstudio.com |
| Tools for Apache Cordova (TACO) | taco.visualstudio.com |