Comenzando con Phonegap 3.0 desde Windows. Parte 2. Cordova CLI

Prerequisitos:

  1. Tener NodeJS instalado (Tutorial instalar NodeJS)
  2. Tener instalado el SKD de la plataforma para la que queremos desarrollar (Tutorial SDK Android)
  3. Tener instalado ant ( descarga ) y configurada la variable ANT_HOME
  4. 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!

 

17 comentarios en “Comenzando con Phonegap 3.0 desde Windows. Parte 2. Cordova CLI

  1. 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…..

  2. 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;

  3. 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…

  4. 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?

  5. 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;

  6. 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

  7. 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

  8. 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>

  9. 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.

    1. 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

      1. 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.

  10. 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!!

  11. 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

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *