martes, 4 de marzo de 2014

Comenzar con un proyecto de phonegap 3.x en Windows 7 con linea de comandos

PhoneGap es un framework para el desarrollo de aplicaciones móviles, utilizando herramientas genéricas tales como JavaScript, HTML5 y CSS3. Las aplicaciones resultantes son híbridas, es decir que no son realmente aplicaciones nativas al dispositivo. En la tercera versión de PhoneGap se incorpora el uso de una interfaz de comandos a través de consola, una nueva arquitectura de complementos descentralizados y la posibilidad de utilizar un código web unificado para crear múltiples proyectos. Aquí indicaremos lo que se requiere para iniciar un nuevo proyecto en este framework:

1. Instalar NodeJs:
http://nodejs.org

2. Instalar el SDK:
descomprimirlo y colocarlo todo en una carpeta o en c:\androidsdk
http://developer.android.com/sdk/

3. Instalar apache ant:
descomprimirlo y colocarlo todo en una carpeta o en c:\apacheant

4. Instalar un JDK:
http://www.oracle.com/technetwork/es/java/javase/downloads/index.html

5. Configurar las variables de entorno

--- Añadir el SDK al PATH ---
agregar en el PATH de las variables del sistema, carpetasdk debe ser nuestra carpeta donde esta el SDK:
;c:\carpetasdk\adt-bundle\sdk\tools

--- Configurar la variable ANT_HOME ---
crear una nueva variable del sistema, carpetaapacheant debe ser nuestra carpeta donde esta el apache ant:
ANT_HOME con el valor c:\carpetaapacheant

Añadimos la variable ANT_HOME al path
;%ANT_HOME%\bin

--- Crear la varible JAVA_HOME ---
JAVA_HOME con el valor donde este instalado el JDK, por ejemplo: C:\Program Files\Java\jdk1.7.0_51

Una vez que tengamos configuradas todas nuestras variables, tenemos que reiniciar nuestro equipo

6. Instalar cordova o phonegap, para el caso es lo mismo
1) phonegap
npm install -g phonegap

2) cordova
npm install -g cordova

7. Probar que todo funcione correctamente
Creamos un proyecto con phonegap o cordova segun sea el caso:

1) phonegap
phonegap create MiDirectorio mx.phonegap.directorio "MiDirectorio"

2) cordova
cordova create MiDirectorio mx.cordova.directorio "MiDirectorio"

Entramos al directorio creado, en este caso:

cd MiDirectorio

Añadimos nuestra plataforma, android en este caso

1) phonegap platform add android

2) cordova platform add android

y por ultimo hacemos un build

1) phonegap build

2) cordova build

Si no nos marca un error, tenemos todo listo

8. Podemos usar eclipse para modificar nuestro proyecto

Nos vamos a File->New->Other...escogemos Android Project from Existing Code
buscamos el proyecto en nuestro directorio donde se creo, buscar en platforms la carpeta android.
Damos aceptar y listo ya tenemos nuestro proyecto phonegap para comenzar a trabajar

No hay comentarios.:

Entradas Populares