Cómo publicar una aplicación hecha en Html5 en el Apple Store con PhoneGap Build
0- Suponiendo que tenemos nuestra app Html5 preparada, nos tenemos que asegurar de lo siguiente:
- Que contenga el archivo config.xml en el directorio raíz, donde hemos establecido la propiedad “name” y los plugins que vamos a utilizar,
- Que incluya iconos cuadrados de 40, 57, 72,76, 114,120, 144, 152 y 1024 pixeles de lado, también establecido en config.xml
- Que contenga el archivo index.html en el directorio raíz
- Comprimimos todo el directorio en formato .zip
1- Crear una solicitud de firma. Para ello, en un ordenador mac (obligatoriamente) realizar los siguientes pasos:
- Abrir la aplicación “Llaveros”
- En el menú “Acceso a Llaveros” ir a Asistente de Certificados –> Solicitar un Certificado de una Autoridad
- En el Asistente, introducir un email en el campo “dirección de correo de usuario” (el mismo de tu cuenta de Apple Developer ).
- En nombre común, introducir el nombre que queramos para la clave
- Dejar el campo Dirección de correo de CA en blanco.
- Guardar el archivo (se llamará algo así como CertificateSigningRequest.certSigningRequest) , y pulsar en Continuar
- Se habrán añadido dos claves a Llaveros, una privada y otra pública, con el mismo nombre que hemos puesto en 1-d
2- Entrar en https://developer.apple.com/ y hacer login con nuestra cuenta en la que estemos dados de alta y al corriente de pago (99$ anuales) , debe ser la misma que hayamos puesto en 1-c
3- Ir a Identifiers, y dar de alta un Identificador para nuestra aplicación, de tipo App ID , hay que establecer una Descripción y un Bundle ID del tipo “com.rg.gimnasio”, por ejemplo
4- Acceder a Certificates, Identifiers & Profiles y crear un nuevo Certificado de tipo “iOS Distribution”
5- Cuando pida la solicitud , escoger el fichero realizado en el paso 1-f
6- Descargar el archivo resultante, que por defecto se llamará ios_distribution.cer
7- Ir a Profiles, y crear un Perfil de Tipo “Distribution en App Store”. Cuando pida el ID, escoger el creado en el paso 3, y cuando pida certificado, escoger el creado en el paso 4
8- Descargar el archivo generado en el paso anterior, tendrá la extensión .mobileprovision
9- MUY IMPORTANTE (este paso no figura en ningún manual y sin él es imposible realizar lo que queremos
- Hacer doble click sobre el archivo obtenido en el paso 6, de tal manera que el Certificado de Distribución se añada a Llaveros
- En Llaveros, ir a la categoría “Mis certificados” y desplegar con el triángulo que hay a la izquierda del certificado del paso anterior (9-a), para que aparezca y la clave privada obtenida en el paso 1-g. Seleccionar ambos
- Pulsar con el botón derecho del ratón y darle a “Exportar 2 items“
- Guardar el archivo con extensión .p12. Nos va a pedir que escojamos una contraseña que hay que confirmar . También es posible que nos pida la contraseña de nuestro usuario de macOS por hacer cambios en Llaveros
10- Entrar en https://build.phonegap.com/ (si no tenemos cuenta nos tendremos que crear una)
11- Arriba a la derecha , en el apartado Edit Account–> Signing keys, debemos añadir una clave para iOS
- En title ponemos en nombre que nos apetezca
- En Certificate .p12, escogemos el archivo que hemos obtenido en el paso 9-d
- En Provisioning profile escogemos el archivo que hemos obtenido en el apartado 8
12- Volvemos a apartado Apps
12- Pulsamos en “Update code” y seleccionamos el archivo zip del apartado 0-c
13- Seleccionamos la clave que hemos creado en el apartado 11, y ponemos la contraseña que pusimos en 9-d
14- Le damos al botón de Rebuild, y si hemos realizado todo bien, podremos obtener el archivo .ipa ,
15- Descargamos la utilidad Transporter en nuestro mac desde el App Store
16- Cuando la ejecutamos por primera vez , nos va a pedir los mismos datos que ya hemos metido en el punto 2
17- Arrastramos el archivo .ipa obtenido en el punto 14 a Transporter, y pulsamos en ENTREGAR para subirlo al App Store
18- Una vez que recibamos en el correo un mensaje de confirmación: “App Store Connect: Your app has completed processing”, podemos entrar en https://appstoreconnect.apple.com/.
19- Allí debemos seleccionar nuestra aplicación y la última versión , donde podremos elegir la compilación que acabamos de subir. Entonces debemos pulsar en “Guardar“, y posteriormente en “Enviar para su Revisión”
20-Si todo va bien, después de unos minutos, recibiremos un email diciendo que la aplicación está en estado “Waiting for review“, eso quiere decir que el personal de Apple personalmente va a probar la app para ver si finalmente se puede publicar o tenemos que hacer cambios, cosa que nos notificarán por correo
21-Si el personal de Apple encuentra algún problema en la aplicación y decide que no se puede publicar, antes de hacer otro intento, debes volver al punto 0-a y en config.xml, aumentar el número en el epígrafe “versión” (no puede coincidir con uno ya enviado).
23-Una vez cambiado el número de versión repite los pasos del 12 al 18
24- Recuerda también eliminar la versión fallida en https://appstoreconnect.apple.com/. seleccionar la establecida en el paso 21, y darle a “Enviar para su Revisión”