Para esta entrada es recomendable ver la entrada anterior INSTALAR CORDOVA, ya que se explica lo básico para instalar cordova/phonegap.
PROGRAMAS NECESARIOS
En el post anterior vimos que para instalar cordova necesitamos node.js y java jdk. A parte de estos dos, para compilar una aplicación en Android necesitamos las siguientes herramientas:
- Git: es un software de control de versiones. Es necesario porque al crear un proyecto en cordova o añadir algún plugin, cordova/phonegap necesita descargar esa información de los repositorios, y lo hace utilizando esta herramienta. No hace falta instalar ningún cliente git.
- Android SDK: kit de desarrollo para android. No hace falta android studio si no queremos, podemos descargar únicamente el SDK.
- Apache Ant: Es una herramienta que se encarga de realizar ciertas tareas a la hora de compilar y construir nuestro proyecto. Similar a "make" pero para java.
Vamos a utilizar eclipse a la hora de exportar el proyecto, aunque también se hace puede hacer con android studio, pero en el tutorial lo he hecho con eclipse. Para descargaros eclipse lo podéis hacer desde AQUÍ.
INSTALACCIÓN
Estos programas no tienen ningún problema a la hora de instalarse, lo podéis ver en el video.
Después de instalarlos hay que configurar las variables globales del sistema, PATH (si no se han puesto por defecto.
Para ellos le damos botón derecho en Equipo y pinchamos en Propiedades y en la izquierda le damos a Configuración avanzada del sistema. Luego hacemos clic en Variables de entorno.
Tenemos que añadir apache ant::
También las herramientas de Android. Recordad que es la ruta en donde las tengáis instaladas, en mi caso son estas:
C:\Users\Sandra\android-sdks\tools;C:\Users\Sandra\android-sdks\platform-tools;
Por último añadir también en las variables de usuario la siguiente de android. Esta última creo que no hace falta pero por si os falla ponedla:
PROYECTO
En el anterior tutorial vimos como crear un proyecto. Ahora únicamente lo que tenemos que hacer es añadir la plataforma android al proyecto y compilar.
cordova platform add android
cordova build android
Con el comando cordova run android se puede lanzar directamente la aplicación con el emulador de android.
ECLIPSE
En este apartado vamos a ver como importar el proyecto que se nos ha creado en android, a eclipse, para poder trabajar desde eclipse.
Abrimos eclipse, pinchamos con el botón derecho donde están los proyectos y le damos a New/Proyect y seleccionamos Android Project from Existing Code.
En la siguiente ventana tenemos que buscar la ruta del proyecto android que estará dentro de la carpeta platform/android de nuestra aplicación en cordova que hemos creado anteriormente.
Nos saldrán varios directorios para importar pero sólo tenemos que importar dos de ellos, el que pone platforms\android y el de platform\android\CordovaLib. Este último sólo es necesario la primera vez, puesto que si hacemos otros proyectos ya lo tendremos importado. El resto de proyectos los desmarcamos.
Le damos a terminar y ya tenemos nuestro proyecto. Nos aparece con un error y es porque no encuentra la librería de cordova. Para ello le damos a botón derecho en el proyecto y Propiedades. Nos ponemos en la pestaña de Android.
Nos aparece la librería con una cruz roja. La eliminamos y le damos al botón Add y elegimos la librería MainActivity-CordovaLib (que es la que hemos importado al principio).
Por último, los ficheros que hay que modificar si tenemos que cambiar algo, son los que se encuentran en la carpeta assets, pero la primera vez no están visibles. Si nos fijamos hay un archivo con el nombre _where-is-www.txt.
Si lo abrimos, nos dice los pasos a seguir para mostrar los ficheros www.
Si tenéis alguna duda podéis ver el video o dejar un comentario.
Nos saldrán varios directorios para importar pero sólo tenemos que importar dos de ellos, el que pone platforms\android y el de platform\android\CordovaLib. Este último sólo es necesario la primera vez, puesto que si hacemos otros proyectos ya lo tendremos importado. El resto de proyectos los desmarcamos.
Le damos a terminar y ya tenemos nuestro proyecto. Nos aparece con un error y es porque no encuentra la librería de cordova. Para ello le damos a botón derecho en el proyecto y Propiedades. Nos ponemos en la pestaña de Android.
Nos aparece la librería con una cruz roja. La eliminamos y le damos al botón Add y elegimos la librería MainActivity-CordovaLib (que es la que hemos importado al principio).
Por último, los ficheros que hay que modificar si tenemos que cambiar algo, son los que se encuentran en la carpeta assets, pero la primera vez no están visibles. Si nos fijamos hay un archivo con el nombre _where-is-www.txt.
Si lo abrimos, nos dice los pasos a seguir para mostrar los ficheros www.
Si tenéis alguna duda podéis ver el video o dejar un comentario.
Entradas
