The Phonegap Fever
Interested in Developing applications for mobile? Want to build an app for iPhone as well as Android phones? Then it’s time to learn a way to bridge that gap between the phones.
The Hybrid Mobile Application Development
In Hybrid Mobile Application Development, apps are created using HTML, CSS, JavaScript. However, it is good to know the basics of JQuery. Knowledge of Angular.js is extremely important.
Here I go… All set to experiment few new concepts and to improve me as a Mobile Application Developer.
Today it’s time to start learning something new, something that allows us to create a mobile application for various platforms such as android, ios, blackberry, etc. Something that builds mobile applications with HTML5, CSS, Javascript. A new framework named “PhoneGap”.
Node.js is used to build fast and scalable applications. It contains a number of APIs. One such is PhoneGap.
Installations Required
Java – Make sure the JDK path is followed by JRE
Git – Cordova, Command Line Interface (CLI) uses git during project creation.
Apache Ant – Apache Ant is required for Cordova to build the .apk file in android.
Node.js – To install PhoneGap, Cordova, Angular.js
SDKs – Depending on the platforms we want to run our application, download their respective SDKs.
Other Helpful Installations
Ripple – A browser-based online emulator. [Plugin for Chrome Browser]
Ionic – For building interactive apps with ionic’s HTML, CSS, and Javascript libraries.
Resources for Installations
Apache Ant – http://ant.apache.org/
Node.js – https://nodejs.org/
Cordova – http://docs.phonegap.com/en/edge/guide_cli_index.md.html#The%20Command-Line%20Interface/
Android SDK – http://developer.android.com/sdk/installing/index.html/
Ionic – http://ionicframework.com/getting-started/
Errors during Installations, How I fixed the errors
To build an android project
Command: cordova build android
Error: command failed with error 1
Fixed: Android emulator is missing. Download android emulator.
To add browser as a platform
Error: cordova platform add browser can’t perform the above command
Fixed: The correct command is cordova platform add browser –usegit
To run the app on the browser
Command: cordova run browser
Error: Google Chrome can’t read and write to its data directory
Fixed: Closed all the chrome tabs and executed the command because CLI should start the chrome with new flags attached.
After these installations and fixing the errors, Here I go… all set to create my apps using PhoneGap
