Compile, Build, and Debug CIS 136 Building Mobile Apps

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

Compiling

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

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

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 (http://www.w3.org/TR/widgets/) 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

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.

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

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

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

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