Migración a otros sistemas

Para convertir una aplicación HTML5 en Android:

• Instalar el SDK de android y Eclipse: para poder compilar las aplicaciones de Android clic aquí
  • Descargar el JDK de java
  • Establecemos el path:
    • Mi equipo-> Propiedades-> Configuración avanzada del sistema: variables de entorno
    • Editamos la variable PATH
    • Añadimos la ruta: C:\Program Files\Java\jdk1.7.0_17\bin
    • Añadimos la variable JAVA_HOME: C:\Program Files\Java\jdk1.7.0_17
  • Instalación de Apache Ant: http://ant.apache.org/bindownload.cgi
  • En el mismo lugar en que hemos modificado el path, añadimos una nueva variable de sistema
    ANT_HOME=C:\carpeta_donde_hemos_descomprimido_apache_ant
  • Añadimos al path: %ANT_HOME%\bin
  • Descargamos Android SDK https://developer.android.com/sdk/index.html
  • Suponiendo que hemos descomprimido en c:\android_sdk, debemos añadir a la variable path:
    • C:\Android_sdk\sdk
    • C:\Android_sdk\sdk\platform-tools
    • C:\Android_sdk\sdk\tools
• Instalación de node.jse y phonegap para la creación de las aplicaciones
  • Descargamos y ejecutamos el instalador http://www.nodejs.org/download/
  • Desde la línea de comandos : node -v Nos informará de la versión instalada
  • Instalamos phonegap: C:\> npm install -g phonegap
  • Instalamos Cordova: C:\> npm install -g cordova

• Creación de proyecto

  • Como crear la primera aplicación
  • Creamos el proyecto (nombre carpeta + com.luca.[nombre carpeta]+ nombre aplicación):

    c:\proyectos>cordova create camara-test com.luca.camara-test camara-test

  • Instalamos los plugins necesarios, por ejemplo, para utilizar la cámara del dispositivo:

    c:\proyectos\camara-test>cordova plugin add org.apache.cordova.camera

  • Para conocer los plugins que tenemos instalados en nuestro proyecto:

    C:\proyectos\camara-test>cordova plugin ls

  • Para eliminar un plugin:

    c:\proyectos\camara-test>cordova plugin rm org.apache.cordova.camera

  • Descripción completa de los plugins
  • Añadimos la plataforma:
    
    • Android : C:\proyectos\camara-test> cordova platform add android
    • iphone : C:\proyectos\unoapp> cordova platform add ios
  • Guardamos los ficheros de nuestra aplicación en la carpeta:
    c:\proyectos\camara-test\www
  • Construimos el proyecto (el apk) : cordova build android
  • El fichero generado lo podemos encontrar en nuestro caso, en
    c:\proyectos\camara-test\platforms\android\bin
  • Con el siguiente comando podemos instalar nuestra aplicación en el móvil que tengamos conectado al ordenador:
    c:\proyectos\camar-test\cordova run android
  • Descargar aplicación de ejemplo cordova_1.apk