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

Atención este post está desactualizado, a partir de la versión 3 de Apache Cordova (Phonegap) la creación de un nuevo proyecto se realiza mediante la cli de Cordova

Para obtener más información al respecto revisa la documentación de Apache Cordova:

https://cordova.apache.org/docs/en/latest/

 

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.

Un saludo, y si aún no lo has hecho no olvides suscribirte a mi blog para no perderte los próximos posts  :-),
 

También puedes seguirme en Twitter en ‎@revigames y no olvides que me ayudas mucho si compartes este post en las redes sociales.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.