Chris Mendez in For Developers, Javascript

How to create an iOS app using Phonegap

Tools

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

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

 # 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
  2. Exporting IPA from Xcode to Test Flight

Recap