Paso a paso para publicar tu App en App Store

Obtener una suscripción Unlimited

Sigue estos pasos para adquirir tu suscripción:

1.- Entra en el editor https://editor.apphive.io y da clic sobre tu proyecto

2.- Da clic en suscripciones

3.- Selecciona el plan de tu interés, para poder compilar. Para sistema operativo IOS necesitaras el plan Unlimited

4.- Da clic sobre el recuadro de número de tarjeta

5.- Agrega los datos de tu tarjeta y clic en el botón Pay

Permisos de IOS

1.- Entra a tu proyecto en https://editor.apphive.io/

2.- Selecciona una app.

3.- Da clic en configuraciones y clic en configuraciones de la app que quieres modificar.

4.- Selecciona Configuración y da clic en IOS.

5.- Escribe en las casillas en Ingles o Español dependiendo del idioma de tu app la razón de solicitar esos permisos al usuario.

Agregar inicio de sesión con Apple

Guía completa para integrar el botón de login con Apple

https://cdn.loom.com/sessions/transcoded/57bd9c24217c43e2ae27da32085122ce.mp4?Expires=2147472000&Policy=eyJTdGF0ZW1lbnQiOlt7IlJlc291cmNlIjoiaHR0cHM6Ly9jZG4ubG9vbS5jb20vc2Vzc2lvbnMvdHJhbnNjb2RlZC81N2JkOWMyNDIxN2M0M2UyYWUyN2RhMzIwODUxMjJjZS5tcDQiLCJDb25kaXRpb24iOnsiRGF0ZUxlc3NUaGFuIjp7IkFXUzpFcG9jaFRpbWUiOjIxNDc0NzIwMDB9fX1dfQ__&Signature=NJLtRucs3dmXO0nKbN2zWeShPHEcgwVfGMHshaxdj8j67VFotqSBPebegklksKGrB5TnlhoOKZlyr9LgUbOzGy~HTvbgYU01CCVhUrGvDFaKOWheCqOsby7im7SfqXkmhTXau~wfvWmSsuBpLf~VHsKtyu15c7ENejcAiK0w~RR4CwLlu3zA4rLbwURRXPxkB8Qzho5zXEWpz7pYxCXMMMWmCXwNsLHnb-7qwMK1naRDWYHhyimGyGPEWV8cFZZMaiOiZz3CHViJ7a0VSeyrZ7EcGIqLartZ8ze0TQiwfZqXROzZlutTgjMfX1RY9Le-Ng6xUm7Vtu2WVYZhAxrkbw__&Key-Pair-Id=APKAJQIC5BGSW7XXK7FQ

Guía de diseño del botón:

https://developer.apple.com/design/human-interface-guidelines/sign-in-with-apple/overview/buttons/

Crear cuenta de desarrollador en App Store

1.- Entra en la siguiente pagina para iniciar Aquí

2.- Da clic en Start your Enrollment.

3.- Debes contar con una Apple ID si ya tienes uno solo debes ingresar tu Apple ID, si no cuentas con uno podrás crearlo.

4.- Al concluir ese proceso de registro de cuenta de desarrollador entraras a la siguiente página donde debes dar clic en ver App Store Connect.

Compilar versión para Testflight

En el proceso de compilación IOS, te solicitará que registres la información correspondiente al API Key de IOS, como se visualiza en la captura de pantalla:

Los pasos a seguir son los siguientes:

1.Entra en https://appstoreconnect.apple.com/ 8

2.Da clic en usuarios y accesos

3.Selecciona la pestaña de Keys o Claves, según el idioma en que lo tengas

4.Verifica que te encuentres en App Store Connect API, luego da clic en Request Access

5.Te mostrará un cuadro emergente, selecciona el checkbox para confirmar que estás de acuerdo en compartir tus API Key y de esa manera poder hacer la compilación de forma automática. Una vez seleccionado, da clic en enviar.

6.Da clic en Generate API Key

7.Agrega un nombre cualquiera a tu API Key, y en Access, selecciona Admin

8.Da clic en Generate

9.Da clic en Download API Key

10.Da clic en Download, te descargara un archivo.P8, el cual deberás guardarlo en una ubicación donde puedas identificarlo fácilmente.

11.Una vez hayas descargado el archivo.P8, ya contaras con los datos que te solicita en la compilación de Apphive, los cuales son los siguientes:

1 – Key ID

2 – Issuer ID

3 – Archivo.P8

12.Procede a copiar los primeros dos campos en el editor, el Key ID y el Issuer ID; para el campo de Custom api key name, debes de colocar un nombre que te permita identificar el api key, para cuando requieras compilar otros proyectos, ya no sea necesario volver a cargar todos los campos de nuevo, si no ya los tengas guardados en la plataforma.

Puede ser cualquier nombre, no es necesario que se llame igual al nombre que le diste al API Key en App Store Connect.

Da clic en Pick key file

13.Selecciona el archivo.P8 y da clic en Abrir

14.Da clic en continuar

Una vez que se haya procesado la información, en el caso de no tener creado el contenedor de tu App en App Store Connect, te mostrará un mensaje indicando que debes de crearlo; mientras el contenedor no se cree, el status de la compilación quedará incompleta, y cambiara una vez el contenedor haya sido creado.

Crear contenedor de App en App Store Connect

1.Entra en https://appstoreconnect.apple.com/

2.Da clic en Mis Apps

3.Clic en el botón Agregar y Nueva app

4.Seleccionamos IOS, escribe el nombre de la app, y selecciona el Idioma principal de tu app.

5.Da clic en la casilla ID de pack y selecciona el COMPILATION ID de la app que agregaste ejemplo: io.apphive.clientapps.userapp

6.Agrega el COMPILATION ID de la app en la casilla de SKU, selecciona Acceso Ilimitado y clic en Crear.

Una vez se haya creado el contenedor de la App, si la compilación no ha cambiado de status, da click en CANCEL INPUT y selecciona la opción de recargar, en ese momento la compilación comenzara.

7.- Al finalizar el proceso de compilación da clic en TestFlight en el contenedor de la app en App Store.

8.- Da clic sobre la versión.

9.- Clic en Proporcionar información sobre el cumplimiento de las leyes de exportación.

10.- Selecciona la casilla Sí y da clic en el botón Siguiente.

11.- Selecciona la casilla Sí y da clic en el botón Empezar pruebas internas.

12.- Selecciona la opción App Store y verifica en la sección Compilación que encuentres la versión que seleccionaste.

MUY IMPORTANTE al contar con esta versión ya podrás probar la aplicación en un dispositivos IPHONE Más información esto te permitirá generar las capturas de pantalla y los videos de prueba

Crear Key para habilitar Push Notification en firebase

Si tu aplicación cuenta con envió de Push Notification, deberás de seguir los siguientes pasos para habilitarlo en tu cuenta de Firebase:

1.Selecciona Keys y da clic en el icono Agregar.

2.Agrega el COMPILATION ID de tu app pero elimina los signos de punto. Ejemplo: ioapphiveclientappsuserapp

3.Selecciona Apple Push Notification (Solo caso de que alguna de tus apps cuente con la función Push Notification) Selecciona Sign in with Apple (Solo en caso de que alguna de tus apps cuente con inicio de sesión con Gmail o Facebook) y clic en Configure.

MUY IMPORTANTE Si ninguna de tus apps cuentan con ninguna de estas funciones Puedes continuar con la creación del contenedor de la App en la App Store Connect

4.Da clic en el botón para seleccionar, selecciona el COMPILATION ID de tu app y da clic en Save.

5.Da clic en Continue

6.Da clic en Register.

7.Da clic en Download para descargar el archivo .P8 .

MUY IMPORTANTE crea una carpeta en tu computadora con el nombre KEY y guarda este archivo en esa carpeta

MUY IMPORTANTE SOLO NECESITAS UN ARCHIVO .P8 POR TODAS LAS APPS DEL PROYECTO

Agregar permisos de notificaciones push o inicio de sesión en Firebase.

En caso de que tu aplicación utilice notificaciones push o iniciar sesión con Apple deberás de seguir los siguientes paso:

1.- Entra en tu Firebase puedes hacerlo desde aquí y da clic en Ir a la consola.

2.- Selecciona tu proyecto.

3.- Da clic en configuraciones y clic en configuración del proyecto.

4.- Da clic en Cloud messaging.

5.- Selecciona la app que tenga el símbolo de IOS y cuente con inicio de sesión con Facebook o push notification.

6.- Da clic en subir.

7.- Clic en examinar.

8.- Selecciona el archivo .P8 de la carpeta KEY y da clic en Abrir.

9.- Selecciona Key en tu sección de certificates, identifiers y profiles

10.- Selecciona el COMPILATION ID de tu app.

11.- Copia el Key ID y pega en el recuadro ID de clave (obligatorio)

12.- Copia el Team ID y pega en el recuadro de ID de equipo.

13.- Da clic en Subir.

Con esto, las notificaciones estarán funcionando de manera correcta en tu aplicación.

Habilitar Sign In With Apple en firebase

Este paso aplica para las aplicaciones que tengan un inicio de sesión con Facebook o Gmail. Se deberán seguir los siguientes pasos:

1.Dentro de tu consola de Firebase, debes de seleccionar la pestaña de Authentication y luego dar clic en Sign-in with method.

2.Busca Apple y selecciónalo

3.Selecciona el Switch de Habilitar y da clic en Guardar

Crear Capturas de Pantalla para Publicar en App Store

1.- Entra en la pagina https://app-mockup.com/

2.- Empieza dando clic en la opción START NOW

3.- Da clic en la opción IOS.

4.- Selecciona la opción Frame & Layout y da clic en Frame type

5.- Selecciona una de las dos opciones ya sea default o darker.

6.- clic en Layout Caption Above

7.- Selecciona entre Caption Above o Caption below.

8.- Puedes modificar el texto de Caption en la sección Caption escribiendo el texto en el recuadro.

9.- Puedes modificar el texto de SubCaption en la sección SubCaption escribiendo el texto en el recuadro.

10.- Da clic en la sección Screenshots y clic en los iconos de + en IPhone Xs Max

11.- Selecciona una captura de pantalla tomada de tu app Como probar la app con TestFlight para obtener capturas y da clic en Abrir.

12.- Da clic en la sección Screenshots y clic en los iconos de + en IPhone 8 Plus

13.- Selecciona una captura de pantalla tomada de tu app y da clic en Abrir.

14.- Da clic en Preview.

15.- Clic en botón de download y selecciona Iphone Xs Max

16.- Da clic nuevamente en Preview.

17.- Clic en botón de download y selecciona IPhone 8 Plus.

18.- Abre tus descargas, doble clic sobre el archivo .zip para descomprimirlo.

19.- Da clic en la carpeta y clic en la captura de pantalla para verificar que la descarga haya sido correcta.

Requerimientos mínimos

No puedes tapar la interfaz, se tiene que ver la pantalla y sus funciones lo más completa posible, evitando tapar cualquier botón, imagen o texto con el marco del dispositivo.

Llenar el formulario de la App Store

1.- Selecciona la app para entrar a su menu.

2.- Da clic en Seleccionar archivo.

3.- Selecciona las 3 capturas de pantalla mínimas de tamaño del dispositivo IPhone Xs Max y da clic en Abrir.

4.- Espera que suba las capturas, clic en la opción IPhone Pantalla de 5,5″ y da clic en subir archivo.

5.- Selecciona las 3 capturas de pantalla mínimas de tamaño del dispositivo IPhone 8 Plus y da clic en Abrir.

6.- Da clic en Aceptar.

7.- Escribe un slogan publicitario de tu app en el cuadro de texto de Texto promocional.

8.- Escribe palabras clave con las que tus usuarios puedan encontrar tu app para descargarla en la sección de Palabras clave.

9.- Escribe la URL de “TU” pagina web en el recuadro URL de soporte Como crear una pagina web con Google Sites.

10.- Escribe una descripción que hable acerca de tu app o negocio en el recuadro de Descripción.

11.- Verifica que este agregada la versión correcta de tu app y su icono

12.- Agrega la versión de tu app de forma ascendente en el cuadro de texto Versión por ejemplo 1.0 para nuevo lanzamiento y 1.1 para nueva actualización.

13.- En el cuadro Copyright debes agrega el año en el que obtuviste los derechos de tu empresa, y el nombre de tu compañía Ejemplo: 2018 Apphive Inc

14.- Da clic en Clasificación Editar.

15.- Selecciona una de las tres casillas dependiendo del contenido de tu app y da clic en Aceptar. *Recomendamos no activar la casilla de apto para menores a menos de que tu contenido sea de consumo infantil

Información para el equipo de revisión de apps

Es muy importante realizar esta sección de manera correcta ya que es lo mas vital para que tu app pueda ser publicada, EN CASO DE HACERLO DE MANERA INCORRECTA EL EQUIPO DE PRUEBAS RECHAZARA LA APP Y NO SERA PUBLICADA EN APP STORE POR LO QUE TENDRAS QUE REPETIR EL PROCESO

16.- Agrega un correo electrónico de apple Crear correo electrónico de apple aquí en la sección nombre de usuario y agrega su contraseña. Este correo electrónico y contraseña deberás darlo de alta en tu app como un usuario y su contraseña, esta cuenta debe ser dada de alta en tu app como una cuenta de inicio de sesión de Apple NO DEBE SER UNA CUENTA DE GMAIL, FACEBOOK O CORREO ELECTRONICO, EL EQUIPO ENCARGADO DE LA PRUEBA NUNCA VA A REGISTRAR UNA CUENTA

17.- Debes agregar tus datos de contacto (Nombre, Apellido, Numero telefónico con la clave de tu país y una Dirección de correo electrónico esto en caso de que el equipo de pruebas de App Store necesite contactarte

18.- En la sección de Notas debes agregar las instrucciones en español para probar tu aplicación y cómo hacer un recorrido completo paso a paso de tu app para el equipo de pruebas de Apple de la manera más especifica y clara. *Una recomendación que podemos hacerte es realizar este texto como si le explicaras a un niño de 7 años como utilizar tu app

19.- Da clic en Seleccionar archivo para carga un archivo de video de cómo realizar una prueba de tu app esto es opcional pero si cuentas con el ES MAS POSIBLE QUE APRUEBEN TU APP. *En este video debes mostrar como utilizar tu app paso a paso, debes ocupar un dispositivo IPhone Como probar tu app utilizando Testflight para generar video y debes utilizar el correo electrónico y contraseña de la cuenta de Apple que diste de alta para el equipo de pruebas de Apple

20.- Selecciona un archivo de video en formato .m4v, .mp4 o .mov y da clic en Abrir.

21.- Da clic en la casilla Publicar esta versión automáticamente.

22.- Da clic en la casilla No en la sección Identificador de publicidad.

23.- Da clic en Guardar y clic en Enviar para su revisión.

Publicar actualizacion en App Store

Cada vez que solicites una nueva versión se cargara en la sección de TestFlight sigue los pasos para realizar el lanzamiento de una nueva versión.

1.- Entra en https://appstoreconnect.apple.com/

2.- Da clic en Mis Apps

3.- Selecciona la app para entrar a su menú.

4.- Da clic en TestFlight.

5.- Da clic sobre la versión que deseas mandar a pruebas.

6.- Clic en Proporcionar información sobre el cumplimiento de las leyes de exportación.

7.- Selecciona la casilla Sí y da clic en el botón Siguiente.

8.- Selecciona la casilla Sí y da clic en el botón Empezar pruebas internas.

9.- Selecciona la opción App Store y en la sección Compilación encontraras la versión que seleccionaste.

10.- Da clic en Guardar y clic en Enviar para su revisión.

MUY IMPORTANTE cada vez que realices este proceso deberás generar los pasos de “Llenar el formulario de la App Store” 

Salir de la versión móvil