Como Instalar Phonegap - Cordova Ultima Version 3.3 en 6 pasos sencillos... 2014

Hola amig@s, estoy de vuelta en el blog... hoy vamos a instalar la ultima version de phonegap en windows 7 o 8 y luego trabajar nuestro app en Eclipse, en 6 pasos muy pero muy sencillos Ok, y despues estaremos haciendo una aplicación multiplataforma, sera algo increible ya lo veras y mas si aun estas iniciando en Phonegap ya que sera un gran salto.... exitos bueno y sin mas palabras manos a la obra.

Bueno algo mas que se me olvidaba, por ahi me preguntaban que cual era la diferencia entre PHONEGAP y CORDOVA, bueno les respondi esto: Veanlo asi, phonegap fue comprado por el grande ADOBE y este proyecto de codigo abierto fue entregado a los desarrolladores de Cordova, para la realizar cambios y nuevas tendencias, asi de simple. Esa es la respuesta mas o menos que veo mas correcta... en fin el caso no es este... ahora instalemos nuestro phonegap o cordova ya...

1.- Crear una carpeta con el nombre que quieras en tu escritorio... en mi caso sera "ap" Ok. Facil verdad  y despues instala Node js y si tienes algun problemilla sigue estos pasos de este blog de Adrita que te indica los pasos Ok.

2. Ahora tienes que instalar jdk de Java, si no tienes instalado se recomienda la ultima version.

3.- Ahora descargate estos dos acchivos una es la de el archivo android de Phonegap y el otro es el archivo developer de Android.

4.-  En la carpeta que ya creaste en tu escritorio en mi caso AP, descomprime ahi los 2 archivos del paso 3 OK, nada mas y create una carpeta ahi dentro de nombre "example". Ve la imagen te niene que quedar asi.

5.- Hacemos click derecho en EQUIPO propiedades, despues configuracion avanzada del sistema, clik en variables del entorno y despues hacemos clik en editar.

 6.-  Ahora lo que debes hacer es colocar al final del Path los directorios “platform-tools” y “tools” del sdk de Android. No olvides los puntos y comas, recuerda que este informacion esta dentro de la carpeta "ap" que creamos, ver imagen de los 2 directorios

(Sera similar al del cuadro de texto solo deberas cambiar WILLIAM por tu usurio).

;C:\Users\WILLIAM\Desktop\ap\sdk\platform-tools;C:\Users\WILLIAM\Desktop\ap\sdk\tools;

6.- Ahora crearemos 2 variables path con los siguientes nombres, ANT_HOME y JAVA_HOME. 

Donde ANT_HOME tiene el siguiente valor.

Debera ser similar al del cuadro.

C:\Users\WILLIAM\Desktop\ap\eclipse\plugins\org.apache.ant_1.8.3.v20120321-1730

Donde JAVA_HOME tiene el siguiente valor.(Aveces C:\Program Files\Java\jdk1.7.0_02)

Debera ser similar al del cuadro.

C:\Program Files (x86)\Java\jre7

Ahora has lo mismo que el paso 5 y copia al final del Path el codigo de abajo.

;%JAVA_HOME%\bin\;%JAVA_HOME%\lib\;%ANT_HOME%\bin;

Ve la imagen te tiene quedar asi.

Bueno espero que todo bien ahora solo nos queda crear nuestro proyecto o nuestra aplicacion. Lo que debes de hacer es:

 Abrir una consola (Inicio – Ejecutar – cmd). Debemos de ingresar a nuestra carpeta ap despues en android y finalmente en bin debemos de ejecutar el siguiente comando: npm install -g cordova o npm install -g phonegap cualquiera de los 2 es lo mismo. Espera unos minutos hasta que te devuelva el control.(Vea Imagen).

Esperamos que acabe y ahora creemos nuestro proyecto ok.

cordova create <project_folder_path> <package_name> <project_name>
cd <project_folder_path>
cordova platform add android
cordova build 

Realiza los mismos pasos que en la imagen siguiente y listo.




 Con esto acabamos y creamos ya nuestro primer proyecto con nombre DHEEYI, y 
podemos ya trabajarlo desde nuestro eclipse. Les muestro esta imagen final para ver 
que todo bien.

Bueno amigos, amigas eso es todo por hoy espero haverlos ayudado en algo, ahora solo nos toca hacer una app, y ese sera un segundo tutorial de phonegap.

Si algo no se entendio, o no quedo claro o si te funciono o talves un error comenta, y nosotros te estaremos respondiedno... gracias de nuevo chauu.

Read more »