Entonces vimos cómo podemos construir e implementar una aplicación con expo en el flujo de trabajo administrado, lo cual fue bastante conveniente.
Ahora, digamos que tenemos una aplicación, por ejemplo, construida con React Native CLI. Aquí no estoy usando ningún módulo nativo, pero si
lo fuera, por supuesto habría actualizado mis archivos de configuración de Android e iOS para solicitar los permisos
correctos y así sucesivamente, y mostré todo eso en el módulo no expo anteriormente en el curso
.
Así que ahora digamos que estamos contentos con la aplicación y queremos publicarla en Apple App Store
y Google Play Store.
Ahora, los documentos oficiales de React Native son un excelente lugar para comenzar con eso, allí en la documentación
debajo de las guías, también se encuentra en la guía del dispositivo donde puede aprender cómo construir su aplicación para iOS o Android en
los diferentes sistemas operativos que podría estar trabajando en Importante, ahora solo puede compilar para iOS en
macOS, Linux y Windows no funcionan porque ahora no estamos compilando la aplicación en la nube como
lo hicimos con la exposición sino localmente en nuestra máquina y, Apple tiene esta restricción que usted solo puede construir
aplicaciones iOS en una Mac, es lo
que es.
Entonces, ahora lo que necesita ahora es una cuenta de desarrollador de Apple, en este momento no necesariamente es una cuenta paga, simplemente cree la
aplicación,
sin embargo, si desea crearla, para las tiendas de aplicaciones necesita una cuenta paga como
se mencionó anteriormente en este módulo. Por lo tanto, debe configurar
una cuenta de desarrollador de Apple y luego abrir su proyecto aquí, su proyecto de iOS para ser precisos con Xcode.
Allí puede hacer clic para abrir otro proyecto, ir a la carpeta de su proyecto, allí a la carpeta iOS y allí
seleccionar esta carpeta o archivo de espacio de trabajo XC aquí para abrir esto con Xcode.
Esto abre su proyecto, su proyecto de iOS que incluye su código React Native, por supuesto, en Xcode. Ahora es allí donde ahora configura esta aplicación, donde
configura su identificador, por ejemplo, esa es la URL inversa de la
que estaba hablando, que podría ser com. Academind. Prueba expo rn-no, algo como esto, donde establece
un número de versión que verán sus usuarios y su número de compilación que simplemente
puede ser un número que incremente aquí, donde debe elegir administrar automáticamente la firma
y donde ahora necesita elegir un equipo que debe mostrarse aquí, si no agrega una cuenta y allí, inicie sesión
con su ID de Apple para agregar su cuenta de desarrollador de Apple como una cuenta aquí
y, a partir de entonces, debería poder elegir su equipo aquí, que se requerirá
automáticamente firmando la
aplicación que luego Apple hará, por así decirlo. En general, puede configurar su aplicación aquí, por supuesto, y prepararla para la implementación; por
supuesto, una configuración importante está relacionada con los iconos que desea usar. En la expo, configuramos los íconos
convenientemente en una configuración y la expo generó todos los íconos para nosotros.
Ahora no funcionará así,
ahora necesita configurar estos íconos por su cuenta y hacer esto haciendo clic en esta flecha aquí que
lo lleva al catálogo de activos y allí ahora puede proporcionar íconos y debe proporcionar íconos en
diferentes tamaños aquí como puedes ver.
Obviamente, eso fue algo conveniente por exposición, creó estos
íconos para usted y no tuvo que crear manualmente todos estos íconos. Adjunto sin embargo encontrará
un íconos. archivo zip que incluye íconos que
puede arrastrar y soltar aquí, así que eso es lo que haré ahora y los íconos están etiquetados de modo
que quede claro lo que tiene que arrastrar hacia dónde y con eso, configuró los íconos.
También es posible que desee configurar la pantalla de inicio, para eso puede expandir esta carpeta
y allí encontrará este archivo zip de la pantalla de inicio. Esto al final le permite personalizar su pantalla de inicio,
allí puede agregarle nuevos widgets, arrastrar imágenes a ella, cambiar el texto, puede ver aquí, por ejemplo, y
configurar la pantalla de inicio en general. Puede obtener más información sobre esto en los documentos de Xcode,
por supuesto, y una vez que configuró todo eso, puede crear su aplicación aquí. Para eso, también puede, por ejemplo, probarlo en un simulador primero eligiendo
una versión del simulador, luego haciendo clic en el botón de reproducción aquí y esto ahora construirá
su aplicación y la ejecutará en un simulador y, a partir de entonces, también podemos construirla para despliegue.
Veamos si ahora todo funciona, lanza este proceso de agrupación que ya viste anteriormente para esta aplicación independiente
porque, por supuesto, todavía es parte de la experiencia de desarrollo aquí.
Después de todo, sigue siendo una aplicación React Native que usa para construir esta aplicación nativa y ahora esto tuvo éxito y lanza
la aplicación en un simulador.
Ahora no estoy demasiado interesado en la aplicación allí porque solo tengo una aplicación muy básica allí
que no hace nada elegante, pero esto demuestra que el edificio funciona.
Ahora, en los documentos oficiales, si se desplaza hacia abajo aún más en esta sección en ejecución
en el dispositivo, también aprenderá cómo construir
su aplicación para producción si es una aplicación que no es expo, y ahora, tenemos dos cosas importantes que hacer.
Lo primero importante es que en nuestra vista de proyecto aquí, al hacer clic en esta carpeta y
luego en este icono aquí, expande esta carpeta y luego va a la información. y ahora, encontrará esta clave de configuración de seguridad de
transporte de la aplicación.
Este tipo de control controla cómo iOS controla a qué páginas web o servidores web puede hablar su aplicación y,
de forma predeterminada, solo permite el acceso a servidores https, por lo que los servidores SSL seguros.
Es un buen valor predeterminado, pero puede tener algunas excepciones que
puede agregar aquí y una excepción en la lista de dominios de excepción es localhost.
Ahora eso es necesario para el desarrollo porque su aplicación React Native al final habla con este servidor de
desarrollo aquí que se ejecuta en su host
local que no está utilizando SSL. Normalmente iOS bloquearía esto, ahora para
no bloquearlo, esto está en la lista de excepciones. Para construir esto para producción, debe eliminar esto,
simplemente puede borrar
esta clave aquí quitándola con la tecla Eliminar y listo. Esa es una cosa que debe configurar para
la implementación y luego debe configurar dicho esquema de lanzamiento. Para eso, debe ir al esquema
del producto, editar el esquema y configurarlo desde la depuración para liberarlo aquí para ejecutarlo y luego cerrarlo.
Con eso, ahora puede ejecutar la compilación del producto aquí para compilar su aplicación y ahora
está diseñada para su lanzamiento, creada para la producción, por lo que está optimizada, etc.
Entonces esto construye su aplicación ahora para la producción.
Ahora, mientras se ejecuta
esta compilación, asegurémonos de que también podamos subirla a la tienda
de aplicaciones de Apple y para ello, debe ir a su cuenta de desarrollador de Apple y aquí definitivamente necesita una cuenta
paga y allí, ahora debe configurar un un par de cosas. Debe ir a certificados, ID y perfiles aquí e
ir a identificadores y luego agregar aquí una nueva ID de
aplicación, solo esto aquí, la primera configuración, agregar una ID de aplicación y debe
agregar la ID de la aplicación que está configurada en su proyecto, por lo que la identificación de la aplicación, el
identificador de paquete que encuentra aquí, ese identificador exacto debe agregarse aquí. Puede agregar una descripción, rn-demo, lo
que quiera, pero aquí debe agregar esta ID. Ahora puede verificar las capacidades especiales que su aplicación requiere
que mi aplicación no necesita, por lo que
no necesito verificar nada allí y luego puedo continuar, confirmar esto y registrarme.
Ahora esto
es obligatorio, de lo contrario no podrá publicar su aplicación.
Ahora con esa ID registrada, debe ir a iTunes Connect y simplemente puede buscar
en Google lo que al final es el servicio donde crea esa
página de tienda y donde ahora necesita configurar su aplicación. Allí puede ir a mis aplicaciones y agregar una nueva aplicación aquí haciendo clic en la aplicación
más nueva aquí, por cierto, también puede ver la aplicación que creamos con expo, así que haga clic en nueva aplicación aquí, iOS, asígnele un nombre como RNNoExpo Por
supuesto, es un nombre hermoso que realmente
no querría usar, pero es bueno para nosotros aquí, luego
elija el idioma para el que está creando su aplicación, elija la ID del paquete y allí, elija la ID que acaba de
configurar, si es aún
no aparece, vuelve un par de minutos más tarde, estará allí entonces. Luego, también puede agregar su propio identificador
personalizado que aparecerá básicamente en sus facturas y así sucesivamente, RNNoExpo, lo que quiera y
haga clic en crear, y esto ahora crea la aplicación aquí en iTunes Connect.
Aquí también es donde puede administrar la aplicación para App Store y configurarla, configurar su
precio, etc.
Ahora que ya está todo hecho, esperemos a que termine nuestra compilación aquí y si falló como lo hizo para mí,
la razón es que debe configurarlo en un dispositivo iOS genérico, así que asegúrese de tener este conjunto.
También asegúrese de agregar en esta prueba RNWithoutExpo, seleccione su equipo de desarrollo, ese es otro
error que obtuve aquí.
Si todavía recibe un error como yo, presione el comando 1 aquí en Xcode, haga clic en la configuración de compilación aquí con
todas estas cosas seleccionadas como lo
ve aquí, en la sección de enlace que encontrará si se desplaza un poco hacia abajo y
en esa parte de eliminación de código aquí, bajo lanzamiento, establezca esto de sí a no.
Esta es una solución alternativa a este error que parece estar relacionado con las pruebas automáticas que se configuran
y una vez que haya hecho esto, intente esto nuevamente, ejecute la compilación una vez más y ahora esto debería tener éxito. Una vez que esta compilación se realizó correctamente, puede
volver al producto y ahora la opción de archivo está disponible.
Si ahora ejecuta esto, esto archiva su aplicación, que no es otra cosa que construir ese paquete que anteriormente se creó en los
servidores en la nube de la expo, así que esperemos
a que esto termine.
Una vez
hecho esto, debería ver su archivo o archivos si está en el proceso más de una vez aquí
y ahora aquí, podría distribuir su aplicación a la App Store con las configuraciones realizadas en iTunes
Connect, y así lo mostré anteriormente.
Ahora no haré esto aquí, pero así es como implementaría su aplicación React Native only sin expo administrada.