Crear aplicaciones para iOS (iPhod, iPad, iPhone) con Apache-Cordova (primera parte)

Requisitos para crear aplicaciones para iOS con Apache-Cordova

Para poder desarrollar aplicaciones para iOS necesitas:

1. Una Mac con OS X versión 10.9 (Mavericks) o mayor.
2. Xcode versión 6 o mayor
3. iOS 8 SDK (Software Development Kit) Viene con el Xcode.
4. Un dispositivo (iPad, iPod, iPhone) con iOS 6.x o mayor.
5. Tener una cuenta de desarrollador de Apple, que cuesta $99 dlls al año.

Si únicamente utilizas el simulador, no es necesario pagarle a Apple.
Para subir aplicaciones a la tienda de Apple se requiere las últimas versiones de las herramientas (y pagar).

Adecuar el Xcode para la línea de comandos

Una vez que tienes tu Xcode necesitas instalar la herramienta de líneas de comandos. Entra a Xcode y selecciona:

Xcode> preferencias> componentes> instalar> Herramientas de línea de comandos .

En Xcode 7 y mayores sólo hay que bajar los simuladores.

Instalar herramientas

Desde la terminal, instalar las siguientes herramientas:

$ npm install -g ios-sim
$ npm install -g ios-deploy

Si tienes OS x, El capitán, debes añadir --unsafe-perm=true

Crear un proyecto nuevo

Creamos un proyecto con los mismos pasos que para otras plataformas:

    $ cordova create hello com.example.hello "HelloWorld"
    $ cd hello
    $ cordova platform add ios
    $ cordova build ios

Se genera un archivo HelloWord.xcodeproj en hello/platforms/ios/ (aun no se genera un ipa).

Aquí puedes ejecutarlo en el emulador o en Xcode.

Ejecutar la aplicación en el emulador

Necesitas tener un equipo iOS conectado a tu computadora por medio de una USB. Debes contar con el perfil provisional. Teclea en la terminal:

    $ cordova run ios --device

Si solo desea ejecutar la aplicación en el emulador, teclee en la terminal:

    $ cordova emulate ios

Si desea ver todos los destinos disponibles teclee:

    $ cordova run ios --list

Abrir la aplicación en Xcode

Dentro de la carpeta xxx/platforms/ios/ se encuentra el archivo HelloWord.xcodeproj. Pulse sobre él dos veces y abrirá la aplicación en Xcode. Puede ejecutar desde aquí el emulador.

Hasta aqui llevamos la mitad del camino pues podemos utilizar los emuladores, pero aún no se genera el archivo IPA, el ejecutable para iOS.

Crear un archivo ipa para instalarlo en un dispositivo ios

1. Únete al programa de desarrolladores de Apple ($99 dlls)
2. Crear un certificado CSR (Certificate Signing Request)
3. Crear un certificado P12
4. Crear un id para la aplicación
5. Identificar los dispositivos de desarrollo en la plataforma
6, Crear un perfil provisional

7. Añadir los certificados en Xcode

8. Conecte su dispositivo por la USB

9. Seleccione su proyecto

10. Seleccione el dispositivo

11. Presiona el botón Run y se construirá, implementará y ejecutará la aplicación en el dispositivo.

Estos pasos no implican que tu aplicación esté lista para ser subida y aprobada por Apple.

Añadir los certificados a Xcode

En la carpeta platform/ios/cordova existen tres archivos que genera Xcode:

build-debug.xcconfig
build-release.xcconfig
build.xcconfig

Abre el archivo build-release.xcconfig con un editor que no genere caracteres especiales.

Hasta el final hay dos líneas:

CODE_SIGN_IDENTITY = iPhone Distribution
CODE_SIGN_IDENTITY[sdk=iphoneos*] = iPhone Distribution

Debes de escribir el nombre que viene en tu certificados CSR. Tiene que ser exacto, por ejemplo:

CODE_SIGN_IDENTITY = iPhone Distribution: Francisco Javier Arce Anguiano
CODE_SIGN_IDENTITY[sdk=iphoneos*] = iPhone Distribution: Francisco Javier Arce Anguiano

Ahora debes escribir la siguiente instrucción en la terminal:

    $ cordova build --release

Si tienes un dispositivo con iOS conectado a tu computadora, puedes solicitar que se ejecute en él con:

    $ cordova build --release --device

El la carpeta platform/ios/build/device/ deberás tener tu archivo .ipa.

Pulsa dos veces sobre el archivo ipa y se cargará a iTunes. Desde ahí lo puedes arrastrar a las opciones del dispositivo, por si no se ha cargado adecuadamente.

Generar el archivo ipa desde Xcode

Conecta tu dispositivo y selecciónalo en las opciones en la parte superior de Xcode, a lado del botón "run". Pulsa posteriormente el botón "run" y después de unos instantes, ya tendrás el archivo ipa, en la misma carpeta que el punto anterior, y deberás ver la aplicación en tu dispositivo.

Referencias

https://cordova.apache.org/docs/es/latest/guide/platforms/ios/
https://cordova.apache.org/docs/es/latest/guide/platforms/ios/
https://developer.apple.com/library/ios/documentation/IDEs/Conceptual/AppDistributionGuide/Introduction/Introduction.html