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:

  1. Que contenga el archivo config.xml en el directorio raíz, donde hemos establecido la propiedad “name” y los plugins que vamos a utilizar,
  2. Que incluya  iconos cuadrados de 40, 57, 72,76, 114,120, 144, 152 y 1024 pixeles de lado, también establecido en config.xml
  3. Que contenga el archivo index.html en el directorio raíz
  4. Comprimimos todo el directorio en formato .zip

1- Crear una solicitud de firma. Para ello, en un ordenador mac (obligatoriamente) realizar los siguientes pasos:

  1. Abrir la aplicación “Llaveros” 
  2. En el menú “Acceso a Llaveros” ir a  Asistente de Certificados –> Solicitar un Certificado de una Autoridad
  3. En el Asistente,  introducir un email  en el campo “dirección de correo de usuario” (el mismo de tu cuenta de Apple Developer ).
  4. En nombre común, introducir el nombre que queramos para la clave 
  5. Dejar el campo Dirección de correo de CA en blanco.
  6. Guardar el archivo (se llamará algo así como CertificateSigningRequest.certSigningRequest) , y pulsar en Continuar
  7. 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

  1. 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
  2. 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
  3. Pulsar con el botón derecho del ratón y darle a “Exportar 2 items
  4. 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

  1. En title ponemos en nombre que nos apetezca
  2. En Certificate .p12, escogemos el archivo que hemos obtenido en el paso 9-d
  3. 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

 

 

 

 

 

Comentario (1)

  • Fernando| abril 1, 2021

    Hola, en relación a este artículo, me presento, soy Fernando Cáceres, formo parte de un grupo de jóvenes estudiantes de secundaria con el cual llevamos adelante un proyecto de web informativa sobre creación de apps para las personas de nuestra comunidad, llevamos un tiempo creando contenidos de interés para para ayudar a la gente de nuestra ciudad y estamos teniendo buen recibimiento, les agradeceríamos mucho la publicación de este comentario dado que nos cuesta mucho difundir nuestro proyecto. Muchas gracias!!

  • Deja un comentario

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

    Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

    ACEPTAR
    Aviso de cookies
    Abrir chat
    ¿Necesitas más información?
    Powered by