Tools

• NodeJS + NPM
• Apple Developer Account
• xCode
  You will need a few raw materials to make this all work. This includes:
• Sencha command Line
• Sencha Touch
• PhoneGap command line (Adobe's implementation of Cordova)
• Cordova command line (Open Source Codebase)

Setup

• Both PhoneGap and Cordova are dependent on NodeJS and Node Package Manager. So you'll first want to download those tools.

• After you install NodeJS + NPM, you can install these two kits

 npm install -g phonegap

 npm install -g cordova

• Now install Sencha command Line
• Then install Sencha Touch

Development

Create a Sencha project

 sencha -sdk /Volumes/Extra/SDK/touch-2.3.1 generate app AppName AppDirectory

 cd AppDirectory

Cordova specific

 #Install cordova inside of sencha [app id]  [app name]
 sencha cordova init com.domain.myapp MyApp

PhoneGap specific

 #Install cordova inside of sencha [app id]  [app name]
 sencha phonegap init com.domain.myapp MyApp

• Adding Plug-ins

 cd phonegap/cordova
 
 cordova plugin add org.apache.cordova.camera

 cordova plugin add org.apache.cordova.media
 
 cordova plugin add org.apache.cordova.media-capture

 cordova plugin add org.apache.cordova.geolocation
 
 cordova plugin add org.apache.cordova.device

Run either PhoneGap or Cordova

 sencha app build -run native

Running a temporary web server

 sencha fs web -port 8080 start -map .

Publishing Remotely

• Edit phonegap.local.properties

 # This determines if build is remote (phonegap build) or local
 phonegap.build.remote=false

Username for PhoneGap Build

phonegap.build.remote.username={username}

Password for PhoneGap Build

phonegap.build.remote.password={password}

Distributing through TestFlight

1. Developing iOS applications on Windows

• Exporting IPA from Xcode to Test Flight

Recap

• Video Tutorial
• Camera Cap
• Try Tool
• Form examples