Create a Cordova Project from Scratch - Install the Most Important Softw...

11:30:00 1 Comments



USE the below steps to Create your Cordova App

USING CORDOVA OR PhoneGap


(Setup for Eclipse Android Package Environment - if installed please ignore)
Download Package For Android setup Click To Download

Set Java Environment Variables
  1. Start > My Computer (right click)> Properties> Advance System Settings
  2. On System Properties window  Select Advance Tab
  3. Click Environment Variables
  4. In System Variable click New
  5. Variable Name: ANDROID_HOME  
  6. Variable Value: D:\All Proj\Android Activity\adt-bundle-windows-x86-20130917\sdk  (set your path)
  7. In System variable Open path variable and append in variable value  ;%ANDROID_HOME%\tools
  8. In System Variable click New ( Download latest version of  Apache .)
  9. Variable Name: ANT_HOME  
  10. Variable Value: C:\Program Files\ANT\apache-ant-1.9.3  (set your path)
  11. In System variable Open path variable and append in variable value  ;%ANT_HOME%\bin
  12. In System Variable click New ( Download latest version of  java jdk.)
  13. Variable Name: JAVA_HOME
  14. Variable Value: C:\Program Files\Java\jdk1.7.0_45  (set your path)
  15. In System variable Open path variable and append in variable value  ;%JAVA_HOME%\bin




Download and install Node.js.

Install the cordova module using npm utility of Node.js. The cordova module will automatically be downloaded by the npm utility.

(Commands for Installation :-  Start > Run > “cmd” )// to open command prompt
on Mac:
sudo npm install -g cordova

on Windows:
C:\>npm install -g cordova

Create New App ( Move to your folder path in cmd then follow below steps. )
>cordova create hello com.example.hello HelloWorld// Folder bundleID AppName
>cd hello
>cordova platform add ios  //For Mac
>cordova platform add android  //For Windows
>cordova platforms ls//For Mac -Folder view
>cordova build//For  Windows
>cordova build ios //For Mac
>cordova run android //For Windows( Please refer below section -- Get the device recognized by your system)

Plugins- if required
Basic device information (Device API):
cordova plugin add org.apache.cordova.device
Network Connection and Battery Events:
cordova plugin add org.apache.cordova.network-information
cordova plugin add org.apache.cordova.battery-status
Accelerometer, Compass, and Geolocation:
cordova plugin add org.apache.cordova.device-motion
cordova plugin add org.apache.cordova.device-orientation
cordova plugin add org.apache.cordova.geolocation
Camera, Media playback and Capture:
cordova plugin add org.apache.cordova.camera
cordova plugin add org.apache.cordova.media-capture
cordova plugin add org.apache.cordova.media
Access files on device or network (File API):
cordova plugin add org.apache.cordova.file
cordova plugin add org.apache.cordova.file-transfer
Notification via dialog box or vibration:
cordova plugin add org.apache.cordova.dialogs
cordova plugin add org.apache.cordova.vibration
Contacts:
cordova plugin add org.apache.cordova.contacts
Globalization:
cordova plugin add org.apache.cordova.globalization

Splashscreen:
cordova plugin add org.apache.cordova.splashscreen
Open new browser windows (InAppBrowser):
cordova plugin add org.apache.cordova.inappbrowser
Debug console:
cordova plugin add org.apache.cordova.console

To remove plugins
cordova plugin rm Plugin-Name
cordova plugin rm org.apache.cordova.console

Joel

Joel Fernandes,I am a Very Smart,Innovative Creative and One of the Best Webdevelopers.I am an expert in Webdevelopment.My other interest include Cars and Vehicles.My desire is to be the best and serve you with the best information I have .I will always share all my tips and tricks on this website and provide you with the best themes so that your life may be simpler.Keep visiting www.joelwebsites.com for the best website related ,tips and tricks and news.Meet me on FaceBook

1 comment:

  1. Unknown3 August 2017 at 08:54

    Hi Can you help me integrate a payment gateway to my website?

    ReplyDelete

Subscribe to: Post Comments (Atom)