Vamos a configurar nuestro entorno de desarrollo para crear y ejecutar una aplicación sobre Android con PhoneGap (Cordova) y jQueryMobile. En este primer post veremos como configuramos nuestro entorno de desarrollo y lanzamos la aplicación de ejemplo. En un segundo post añadiremos contenidos necesarios para utilizar jQuery y jQuery Mobile.
La configuración la he realizado sobre OS X 10.8.2, para windows sería muy similar modificando algunas cosas como nos indican en la web de PhoneGap fuente que he utilizado para realizar esta pequeño "How To": Getting Started with Android
1. Requisitos
Instalar Eclipse 3.4 o superior.2. Instalar SDK + Phonegap (Cordova)
Necesitamos descargar e instalar EclipseNecesitamos descargar e instalar Android SDK
Necesitamos descargar e instalar ADT Plugin
Descargamos la versión 2.2.0 de Cordova y extraemos su contenido a una carpeta. Trabajaremos con el directorio Android
3. Configurar nuestro PATH
Debemos configurar la variable de entorno PATH de nuestro sistema para añadir los directorios platform-tools y tools de nuestro SDK de Android.Para más detalles sobre esta configuración puedes consultar para Mac y Windows (Getting Started with Android) de todos modos si tu home de Android SDK es /home_android_sdk/ debemos añadir los siguientes directorios al path para que siempre que habramos un ventana de terminal esten disponibles los ejecutables que hay en ellas:
- /home_android_sdk/platform-tools
- /home_android_sdk/tools
4. Crear un nuevo proyecto
Abrimos una venta de terminal y navegamos hasta el directorio bin de la carpeta android del paquete de Phonegap (Cordova) descargado y descomprimido.Para crear un nuevo proyecto usamos el comando create con el siguiente formato (ejemplo para Mac, para windows deberíamos usar create.bat):
./create <ruta_carpeta_proyecto> <nombre_del_paquete> <nombre_del_proyecto>
por ejemplo:
./create /Desarrollo/workspace_android/mi_proyecto es.org.montesinos.miproyecto MiProyecto
Pulsamos "Enter" y se nos habrá creado en la ubicación especificada el proyecto que deseamos.
5. Abrir proyecto en Eclipse
Lanzamos Eclipse y usamos Archivo / Nuevo / Proyecto / Android Project from Existing CodeSeleccionamos el directorio que hemos usado en <ruta_carpeta_proyecto> para abrir el nuevo proyecto en Eclipse.
6. Desplegar nuestra aplicación
Podemos desplegarla sobre un Emulador o sobre un dispositivo conectado por USB y con la opción Depuración USB para desarrollo activada (Settings > Applications > Development)Para ello solo debemos hacer botón derecho sobre el proyecto y seleccionar Run As / Android Application.
Eclipse nos consultará que seleccionemos alguna AVD (Emulador que hayamos definido) o el dispositivo conectado.
Código del proyecto:
No hay comentarios:
Publicar un comentario