lunes, 29 de septiembre de 2014

Instalación de Cordova/Phonegap+Android SDK

Pasos para la instalación del framework Cordova/Phonegap

Entramos a nodejs.org y bajamos node para poder instalar utilizando cmd mediante npm

para instalar el node hacemos el típico "siguiente, siguiente... finalizar"

Ahora bajamos el ADT de Android


El ADT esta comprimido, lo descomprimimos y lo ponemos en una carpeta, yo recomiendo ubicarla en C:\, para nuestro ejemplo la pondré en C:\adt-bundle-windows-x86_64-20140702

Necesitamos también la librería apache ant http://ant.apache.org/bindownload.cgi yo uso la versión 1.9.4
Apache ant debe descomprimirse y ponerse en una carpeta, yo recomiendo ponerla en C:\, para este ejemplo vamos a ubicarla en C:\apache-ant-1.9.4


Instalamos y ahora reiniciamos la computadora

Ahora entramos a "Mi PC" (o usamos el atajo Windows + E), click derecho propiedades, en el panel del lado izquierdo encontraremos una opcion que dice "Configuracion avanzada del sistema" hacemos click, se abrirá una pequeña ventana, click en la pestaña "opciones avanzadas", click en el la opción que dice "Variables de entorno", puedes guiarte con la imagen de abajo


Se abrirá una ventanita en la que hay dos listas, en la lista de abajo haz click en "Nueva...", aparecerá otra ventana en la que deberás llenar dos campos: "Nombre de la variable" y "Valor de la variable".

En Nombre de la Variable escribe "ANDROID_SDK_DIR" (sin comillas)
Valor de la variable: C:\adt-bundle-windows-x86_64-20140702

Guiate con la siguiente imagen



y das click en aceptar, nuevamente hacemos click en "nuevo..." y esta vez los campos serán llenados así:
Nombre de la variable: ANDROID_HOME
Valor de la variable: %ANDROID_SDK_DIR%\sdk


Damos click en aceptar, ahora en la lista de arriba hay una variable llamada "PATH" dale click y click en editar (OJO EN LA LISTA DE ARRIBA), saldrá una ventana, en donde dice "Valor de la variable", nos vamos hasta al final de lo que se encuentra escrito actualmente al final si no hay un punto y coma entonces ponemos un punto y coma ( ; ) y agregamos el siguiente texto:
C:\apache-ant-1.9.4\bin como en la siguiente imagen:


damos click en aceptar y reiniciamos la computadora.

Entramos a C:\adt-bundle-windows-x86_64-20140702 y veras una aplicacion llamada SDK Manager click derecho "ejecutar como administrador" (si no encuentras esa opcion intentalo normal, con doble click para abrir) comenzamos a instalar los paquetes que se piden ahi, eso ya es muy a criterio de cada quien, pero yo intento siempre instalar las mas nuevas versiones


Ok, es hora de instalar cordova, para comenzar recomiendo tener una carpeta de proyectos de cordova/phonegap  para el ejemplo crearemos una carpeta en C:\ llamada phonegap ahora abrimos el cmd, damos inicio, ejecutar 
(yo prefiero el atajo windows + R) y escribimos cmd.exe y damos enter, se abrirá la ventanita de MS-DOS.

Escribimos npm install -g cordova, y comenzará a instalar cordova por medio de npm que fue lo primerito que instalamos en este tutorial, ahora entramos a la carpeta C:\phonegap y creamos un nuevo proyecto con el siguiente comando:

cordova create prueba com.PCSolutions.prueba "Titulo Prueba" 

y das enter, no explicaré el comando de arriba porque al dar enter te saldrá un mensaje explicando que es lo que acaba de suceder, entramos al nuevo proyecto llamado "prueba" y le agregamos la plataforma android con el siguiente comando:

cordova platform add android

Se bajarán los paquetes necesario para agregar dicha plataforma, para los pasos hasta aqui mencionados puedes basarte con la siguiente imagen:


Al terminar, podrás usar el comando cordova run android para enviar la app a un android que tengas conectado por usb.

Hasta aquí no deberías tener algún problema, ya deberías poder ver el app demo de phonegap, pero si hay dudas no dudes en mandar un comentario en este post, saludos.






No hay comentarios:

Publicar un comentario