Cordova and Android SDK installing on Windows 7 and 8 for Hybrid Mobile Apps Development

-

1: Download and Install Java

Download and install a recent release of the Java SDK for your computer.
You should be able to open a new instance of cmd.exe and run java without problems. If not (you made sure to open a new cmd window, right?), then open your system environment variables, and add to or create a new user variable called PATH with the full path to the bin folder of the new Java SDK installation.

2: Download Apache Ant

Apache Ant is needed by Android and Cordova for building projects.
Download and extract this zip file somewhere on your computer: http://mirror.tcpdiag.net/apache//ant/binaries/apache-ant-1.9.4-bin.zip
Add the full path to the bin/ folder to the end of your PATH environment variable.

3: Download the Android SDK

Go and download the Android SDK:
Android

3: Add Android to PATH

We need to tell Windows where our Android SDK lives.
Open up your environment variables setting and add the full path to both the adt-bundle/sdk/platform-tools/ folder and the adt-bundle/sdk/tools/ folder to the end of your PATH variable:
Android Env
You should be able to open a new cmd.exe instance, and run android to see the list of android targets you can install.
Go ahead and install version 19 for now, which will give us support for developing for Android 4.4 (target older versions for older Androids).

4: Install or update Node.js

Download the most recent version of Node.js. If you are running an older version of Node, make sure to update it because older versions had issues with npm.
As with the other commands, nodejs should now function in cmd.exe but just to be careful, add the full path to the bin folder in Node to your PATH, which will look something like C:\Program Files\nodejs\bin.

5: Install Cordova

Open a new cmd.exe window, and run:
$ npm install -g cordova

6: Install Ionic

In the same cmd.exe window, run:
$ npm install -g ionic

7: Start a project

Now that everything is installed, we can finally create an Ionic project! Go ahead and run:
$ ionic start myapp
        $ ionic platform add android
Which should complete. If you run into an issue with an error related to plugman (a Cordova issue), you’ll need to manually create the folder $USER\AppData\Local\Temp\plugman\git and run it again.

8: Build, test, deploy!

Everything should be working now. To test it, try doing ionic build android and then connect a device or Genymotion instance and run ionic run android
Please let us know if you encounter any issues and we will revise this tutorial.

Comments

Post a Comment

Popular posts from this blog

remove span elements from Contact form 7 but keeping inside elements

-
//remove span elements from Contact form 7 but keeping inside elements var cf7input = $( " .wpcf7-form-control " );   if ( cf7input .parent().is( "span" ) ) {     cf7input . unwrap ();   } else {     cf7input .wrap( "<span></span>" );   jQuery('.form-group br '). remove ();   //On focus add class for animation (optional) jQuery('.form-control').focusout(function(){  var text_value=jQuery(this).val();      if(text_value!='')        { //alert(1); jQuery(this).addClass("wariya");         }else{jQuery(this).removeClass("wariya");} }); DEMO:  https://jsfiddle.net/qjw5nr7r/
Read more

Amid mixed reactions launch iPad mini

-
Image
Rome: users of Apple's new iPad mini Friday, in talking about it might have come too late for the 7-inch tablet PC market than the previous incarnation of fanfare launched their hands. Two days later, the company is trying to Halloween, a long black insist is more than just a narrow version of the popular iPad tablet PC series to attract shoppers, Apple founder Steve Jobs (Steve Jobs) The ghost hung in the air. Provoked excitement of Apple products in the past, but rarely, only produce a small row devoteesat of the flagship store in the world. In the outskirts of Milan, a couple fight fans to enjoy coffee and bread to the local Apple store. "I am 6:30 in the morning, but it is worth it," said Daniel Massey, a 20-year-old student who is the first line. "I decided to buy it, even if I have other Apple products, I love them," he added. Earlier in the day, about 300 people lined up, Apple's main store in Tokyo, some wearing fancy dress, buy outs...
Read more

SEO Standards and Gudieline for Front-End Developer

-
Image
This is a post for any HTML coder or back-end developer who wants to know what it is that they should know about SEO. On-site SEO requires more than just an SEO expert . It’s a team effort. It means getting multiple people involved, including a designer, and front- and back- end developers. Everyone must understand their role in building a search engine-friendly website. When building a website, these are the roles typically involved: The SEO strategist does the keyword research and plans the required landing pages based on what they know of the client’s business goals and needs. They provide a list of pages that must be on the website as well as any front-end coding recommendations that are specific to the needs of a particular website. The information architect takes that information from the SEO strategist to then integrate that into their IA work for a website that is both usable and search engine-friendly. The designer creates an interface that translates the IA wirefra...
Read more