Prerequisitos:
- Tener NodeJS instalado (Tutorial instalar NodeJS)
- Tener instalado el SKD de la plataforma para la que queremos desarrollar (Tutorial SDK Android)
- Tener instalado ant ( descarga ) y configurada la variable ANT_HOME
- Tener instalado un JDK java (descarga ) y configurada la variable JAVA_HOME
Si ya lo tenemos todo listo abrimos una consola de simbolo de sistema (en adelante CMD) y escribimos
npm install -g cordova
Si estaba todo correcto esperamos un rato y ya lo tendremos instalado y podremos ejecutar el comando cordova desde el CMD. Seguramente habrán salido algunos errores durante la instalación, pero no os preocupeis, suele ser por no tener instalado algún SDK de otras plataformas soportadas.
Creación de un proyecto:
Ahora vamos a crear nuestro primer proyecto, para ello desde el CMD vamos a la carpeta donde queramos crear los proyectos (en mi caso será «C:__DATOSPROYECTOSPHONEGAP») y ejecutamos el comando:
cordova create Directorio identificador NombreAplicacion
El único parámetro obligatorio es Directorio, que será la carpeta donde quieres crear el proyecto
identificador sería un identificador para el proyecto, que se puede cambiar desde el config.xml
NombreAplicacion es el nombre del proyecto que se crea, en android además es el nombre de la clase principa, asi que recomiendo no usar espacios, a mi por lo menos me ha dado problemas
Yo en concreto he ejecutado este comando:
cordova create HolaMundo es.phonegap.hola "HolaMundo"
Navegamos al nuevo directorio creado
cd HolaMundo
Añadimos la plataforma android
cordova platform add android
Y por último
cordova build
Ahora abrimos eclipse
Vamos a File -> New -> Other -> Android Project from Existing Code.
Buscamos el proyecto dentro de la carpeta donde creamos el proyecto (recordad, en mi caso era C:__DATOSPROYECTOSPHONEGAPHolaMundo) y buscamos la carpeta android dentro de platforms. Aceptamos y ya tenemos listo nuestro nuevo proyecto phonegap!
Hola! no logro configurar bien las variables de ant, serias tan amable y me ayudarías por favor? ya eh modificado el patch y eh creado ANT_HOME pero nada funciona me salta un error que dice algo como ANT_HOME is set incorrectely…..
ANT_HOME tiene que ser variable del sistema y con la ruta a la carpeta de ant, en mi caso C:__DATOSDESARROLLOutilapache-ant-1.9.2
Y luego en el PATH tienes que añadir al final ;%ANT_HOME%bin;
Hola, segui tus pasos pero al cargarlo en Eclipse, no puede resolver org.apache.cordova.*, hay que agregar manualmente en la carpeta «libs» el archivo cordova-*.*.*.jar????
Saludos y gracias por la ayuda…
Me quedo atascado aqui:
Tener instalado ant ( descarga ) y configurada la variable ANT_HOME
Tener instalado un JDK java (descarga ) y configurada la variable JAVA_HOME
¿como configuro esas variables?
Hola Sergio, en la parte 1 del tutorial explico como se configuran variables del PATH, alli se pueden configurar también variables del sistema, creas una que sea ANT_HOME y pones la ruta a la carpeta de ant y otra para JAVA_HOME con la ruta al SDK de java, y juego añades ambas a la variable PATH que ya deberias tener y añades al final ;%ANT_HOME%bin; ;%JAVA_HOME%bin;
jcesar a la varible path de el usuario o de el sistema?
Si te fijas en las capturas del otro tutorial, es de usuario
Muy amable.. pero nada que me da…
Mira te mando este enlace de esta foto de como lo tengo quizas me pueda echar una mano!!!
http://designscreatives.comuv.com/path.jpg
Gracias!!!
A primera vista, la variable JAVA_HOME esta mal, has puesto el jre en vez del jdk, pon la de la carpeta que has puesto en la captura, que esa si era la del jdk.
Y la del PATH esta incompleta, tienes que poner la ruta hasta la carpeta tools que esta dentro de la carpeta sdk del adt bundle
Gracias JCesar,
funciono a la perfección, en otros manuales, no se explica lo del apache ant que es donde tuve muchos detalles y lo de las variables de entorno. Ahora a empezar con phonegap
Gracias
tengo un error al intalar las plataformas; si alguien me puede ayudar gracias
Your environment has been set up for using Node.js 0.10.26 (ia32) and npm.
C:UsersUser> cd documentsandroid toolswork spaceprueba
C:UsersUserDocumentsandroid toolswork spaceprueba>phonegap local run andro
id
[phonegap] adding the Android platform…
[error] ENOENT, no such file or directory ‘C:UsersUser.cordovalibandroid
cordova3.4.0VERSION’
C:UsersUserDocumentsandroid toolswork spaceprueba>
Prueba a crear el proyecto en una ruta que no tenga espacios, que suele dar problemas
Hola… tengo un problema extraño (creo yo)… todo funciona correctamente, y el tutorial está muy bien explicado (falta explicar lo de las variables de entorno… pero eso es medianamente básico y además en google aparecen centenares de resultados para esas tareas).
El problema que tengo es que modifique lo que modifique en el archivo index.html siempre aparece la pantalla por defecto del robotito con «Apache Cordova» y «Device is ready» parpadeando. ¿Qué hay que hacer para que cambiando el fichero index.html cambie el contenido de la aplicación?
A ver… posibles datos de interés:
-Al hacer el «File -> New -> Other -> Android Project from Existing Code» se me abrieron dos proyectos: HolaMundo y HolaMundo-CordovaLib
-Para ejecutar la aplicación pulso F11 desde la activity principal del proyecto «HolaMundo» (que extiende a CordovaActivity) y se me instala y ejecuta en el dispositivo físico.
-El archivo index.html que modifico es el que está en la carpeta www del proyecto «HolaMundo» (en el proyecto HolaMundo-CordovaLib no hay carpeta www).
Espero haber dado todos los datos necesarios y que alguien sepa que está pasando.
GRACIAS.
El problema es que cordova/phonegap 3 está pensado para trabajar desde la consola, no desde eclipse/xcode.
Para que se copien los cambios al proyecto tendrías que ejecutar desde la consola cordova prepare android, no estoy seguro de si desde el eclipse se pueden modificar directamente de alguna forma
Gracias César… si tienes razón. Perdón por el tiempo en responder. Parece que hay que compilar el código desde consola (cordova build android) y después se puede ejecutar como menciono arriba.
Aunque ahora estoy probando con phonegap y no se puede (o no sé como se hace) importar el proyecto en eclipse… así que toca hacerlo (en mi caso) con el notepad++ y después hacer en consola phonegap local build android, o phonegap local run android para ejecutar.
Cordial saludo, cuando agrego una plata forma al proyecto me sale el siguiente error:
Failed to run «»javac -version», make sure you have a Java JDK (not just a JRE) installed)
Ya instale el JDK y configuradas las variables, abajo pongo como tengo las variables.
ANT_HOME: C:apache-ant-1.9.4
JAVA_HOME: C:Program Files (x86)Javajdk1.8.0_25jre
PATH: C:UsersJulian CañaveralAppDataRoamingnpm;C:apache-ant-1.9.4bin;C:Program Files (x86)Javajdk1.8.0_25jrebin;C:sdktools;%JAVA_HOME%bin
Ya he hecho miles de cosas y nada, admeas que cuando digito ant en la consola me sale que no encuentra build.xml
Ayuda por favor!!
Prueba a cambiar
JAVA_HOME: C:Program Files (x86)Javajdk1.8.0_25jre
por
JAVA_HOME: C:Progra~2Javajdk1.8.0_25jre
Y en el PATH tienes cosas repetidas, dejalo así
PATH: C:UsersJulian CañaveralAppDataRoamingnpm;%ANT_HOME%bin;C:sdktools;%JAVA_HOME%bin