1. Compile, Build, and Debug
CIS 136 Building Mobile Apps

2. Preparing the assets Code cleanup
Remove unnecessary files and folder from App folder
Ensure you have only ONE config.xml file, in the App folder and that it is correct
Ensure you have only ONE index.html file in the WWW folder
Ensure that the correct reference to phonegap is in your index.html
<script src="cordova.js"></script>
Make sure the config file is properly created
Proper platforms, plug-ins and preferences

3. Compiling

4. Phonegap Build
PhoneGap Build is a cloud-based service built on top of the PhoneGap framework, hosted by Adobe
allows you to easily build mobile apps in the cloud
Compiles and packages the app, creating binary files for all of the major platforms at the same time, and in one place
You receive the download URLs for all mobile platforms

5. Benefits of Phonegap Build
Can configure app properties across all platforms
Apple iOS, Google Android, and Windows phone.
Can target specific versions of Phonegap to maximize compatibility
Can make changes to app and immediately
update the code to recreate the binary
uses the Hydration feature

6. Packing the app
PhoneGap Build requires an application to be packaged in a specific manner
uses an open packaging model that follows the W3C Widget Packaging specification (
PhoneGap Build only requires the assets of your application
essentially your www directory which contains your html, css, images, js files, etc.
PhoneGap Build's only requirement for your application structure is that the index.html is in the top level of your application (in the www folder) and the config.xml file is in the app folder

7. Phonegap Build
PhoneGap Build is available to free and paid Creative Cloud members
With a free Creative Cloud membership, you can build one private app using the service.
To build up to 25 apps at a time, a complete Creative Cloud membership or a capacity upgrade for PhoneGap Build at $9.99 a month is required.

8. Performing the Build Sign up for an Adobe account (build.phonegap.com)
Zip up your app folder
Log onto your Phonegap Build account
click the NewApp button
Choose your upload source (Can use a ZIP/GIT/SVN repository )
Wait for the upload to finish

9. Compiling Compile the app into a binary file
After the app is uploaded, click the “Ready to Build” button to start the compile

10. Compiling
The app will be compiled for three platforms, Apple iOS, Google Android, and Windows phone (iOS needs an Apple key)
When complete, all binaries will be highlighted

11. Click to download to device
Installing
Two options to install on your device:
Log into Phonegap Build on your device, and click the icon for the binary you wish to install OR
Download the file onto the device by using a BarCode scanner app on the device
Scan the QRCode generated for your app
Use I.E. to go to the PhoneGap website to download to device
Downloads folder will have the binary file (.APK, .IPA)
Using file manager tool, go to downloads folder to install
Click to download to device