Como crear un proyecto para iOS con Apache Cordova (Phonegap)

Hola a todos.

Hoy vamos a ver como crear nuestro primer proyecto para iOS con xCode y Apache Cordova.

Para empezar necesitaremos un Mac con Xcode instalado.

Descargamos la ultima versión de Apache Cordova desde https://cordova.apache.org/#download

Una vez descargado descomprimimos el archivo .zip y se creará una carpeta llamada cordova-(numero de la versión). Copiamos la carpeta generada donde queramos, por ejemplo dentro de la carpeta Documentos.

Dentro de esta carpeta hay un archivo .zip por cada plataforma soportada, es este caso nos interesa cordova-ios.zip.

Captura de pantalla 2014-03-22 a la(s) 20.55.04

Descomprimimos este archivo y entramos dentro la carpeta generada.

Captura de pantalla 2014-03-22 a la(s) 20.59.14

Ahora tenemos que arrastrar la carpeta bin sobre el icono del terminal en el dock para que se abra el terminal en la ruta de la carpeta bin. Otra forma es acceder a la ruta escribiendo cd “ruta_carpeta_bin” desde el terminal.

Una vez en la ruta tenemos que escribir en el terminal:

./create ~/ubicacion_del_proyecto/nombre_proyecto paquete.nombre_proyecto nombre_proyecto

Por ejemplo si queremos crear un proyecto llamado Hola Mundo (se me ha ocurrido en un alarde de originalidad ;-P) dentro de una carpeta llamada proyectos_ios dentro de la carpeta Documents tendríamos que escribir algo así:

./create ~/Documents/proyectos_ios/HolaMundo com.prueba.HolaMundo HolaMundo

Si todo a ido bien nos habrá generado una carpeta llamado HolaMundo con un proyecto iOS listo para usar.

Captura de pantalla 2014-03-22 a la(s) 21.17.32

Hacemos doble click en HolaMundo.xcodeprog y se abrirá el proyecto en Xcode. Si lo ejecutáis en el simulador veréis el proyecto de muestra de Apache Cordoba.

Captura de pantalla 2014-03-22 a la(s) 21.23.56

En la carpeta www se encuentran los archivos HTML,CSS, javascript, imagenes, etc que conforman el proyecto.

Por hoy eso es todo, espero que os sirva de ayuda para comenzar en iOs con Apache Cordova.

Salud.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s