Phonegap Cordova Installation on Windows 8 - TutsInstitute

Posted by | January 13, 2014 | ARTICLES | No Comments

In Today’s article I will explain you Phonegap Cordova Installation on Windows 8. Installation of phonegap also explained on their official site but some how I feel its pretty much complex, here I like to share with you a step by step process to Phonegap Cordova Installation on Windows 8.

PhoneGap is a free and open source framework that allows you to create mobile apps using standardized web APIs for the platforms you care about.

PhoneGap Build takes the pain out of compiling PhoneGap apps. Get app-store ready apps without the headache maintaining native SDKs.

Benefits of using PhoneGap

  • Build great apps powered by open web standards. Cut down the development time by re-using your existing web dev skills, frameworks and tools. Get all the benefits of cross platform development while building apps just the way you like.
  • Maximize productivity while minimizing production time. Targets – iOS, Android, Windows, Blackberry, and webOS all with a single code base.

Phonegap Cordova Installation  on Windows 8

Requirements

  • Eclipse + ADT Plugin
  • Android SDK Tool
  • Android Platform Tools
  • Latest PhoneGap zip folder. Extract its contents.

Supported Android Devices

  • Android 2.2
  • Android 2.3
  • Android 4.x
Phonegap Cordova Installation

Set PATH environment variable for android

1. From desktop, right click My Computer and click Properties.

image001

image – 1

2. Click Advance System Settings link in the left column.

image002

image – 2

3. In the system properties window click the environment variables button.

image005

image – 3

4. Select the PATH variable from the System variables section.

image007

image – 4

  • Select the Edit button.
  • You need to add the path to your Android SDK platform-tools and tools directory. For Example:
  • D:\adt-bundle-windows-x86_64-20130219\sdk\platform-tools;D:\adt-bundle-windows-x86_64-20130219\sdk\tools
  • Save your Edit. Close the Environment Variable dialog.

5. Additionally, you may need to include %JAVA_HOME%\bin to your PATH as well. To check to see if this is required run a command prompt and type java. If the program could not be found add %JAVA_HOME%\bin to the PATH. You may need to specify the full path instead of using %JAVA_HOME% environment variable.

image009

image – 5

6. Finally, you may need to include %ANT_HOME%\bin to your PATH as well. To check to see if this is required run a command prompt and type ant. If program cannot be found then add %ANT_HOME%\bin to the PATH. You may need to specify the full path instead of using the %ANT_HOME% environment variable.

image011

image – 6

 Set-up New Project

  • Open Command Prompt, navigate to bin directory within the android sub-folder of the Cordova distribution.

image013

  • Type in:  ./create <project_folder_path> <package_name> <project_name>

Then press Enter.

  • Launch Eclipse. In File Menu Item and select to Import…
image015

Import

  • Select “Existing Android Code into Workspace” and click ‘Next >’.
Workspace

Workspace

  • Browse the project created through command prompt. And click ‘Finish’.
Browse the project

Browse the project

Deploy to Emulator

  • From within Eclipse, press this toolbar icon.

image021

  • Once open, the Android SDK Manager displays various runtime librariesimage023

Install the APIs as per requirement from here.

  • From within Eclipse, press this toolbar icon.

image025

  • Choose and device definition from the list which comes. (There is only one item in the current list.)
Android SDK Manager

Android SDK Manager

  • Press New… in the above window to create new Android Virtual Device(AVD) and use it to run your project.

image028

To open the emulator as a separate application, Select the AVD and press Start. It launches much as it would on device, with additional controls available for hardware buttons:

Deploy to Device:

  • Make sure USB debugging is enabled on your device and plug it into your system.
  • Right Click the Project and go to Run As > Android Application.

image030

About Ajay Patel

I am passionate about web and mobile development. I love playing around with the latest technologies in our industry. I works mostly in PHP and CMS like WordPress, Joomla. I am Founder and Content writer of TutsInstitute. Now working as Web & Mobile App Developer.

Leave a Reply