1 00:00:02,450 --> 00:00:09,560 Entonces vimos cómo podemos construir e implementar una aplicación con expo en el flujo de trabajo administrado, lo cual fue bastante conveniente. 2 00:00:09,560 --> 00:00:15,770 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 3 00:00:15,770 --> 00:00:21,650 lo fuera, por supuesto habría actualizado mis archivos de configuración de Android e iOS para solicitar los permisos 4 00:00:21,650 --> 00:00:27,410 correctos y así sucesivamente, y mostré todo eso en el módulo no expo anteriormente en el curso 5 00:00:27,410 --> 00:00:27,830 . 6 00:00:28,130 --> 00:00:32,870 Así que ahora digamos que estamos contentos con la aplicación y queremos publicarla en Apple App Store 7 00:00:32,870 --> 00:00:34,190 y Google Play Store. 8 00:00:34,190 --> 00:00:38,900 Ahora, los documentos oficiales de React Native son un excelente lugar para comenzar con eso, allí en la documentación 9 00:00:38,930 --> 00:00:44,660 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 10 00:00:45,050 --> 00:00:50,000 los diferentes sistemas operativos que podría estar trabajando en Importante, ahora solo puede compilar para iOS en 11 00:00:50,000 --> 00:00:55,190 macOS, Linux y Windows no funcionan porque ahora no estamos compilando la aplicación en la nube como 12 00:00:55,190 --> 00:01:01,250 lo hicimos con la exposición sino localmente en nuestra máquina y, Apple tiene esta restricción que usted solo puede construir 13 00:01:01,460 --> 00:01:03,730 aplicaciones iOS en una Mac, es lo 14 00:01:03,740 --> 00:01:04,580 que es. 15 00:01:05,510 --> 00:01:12,820 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 16 00:01:12,820 --> 00:01:13,480 aplicación, 17 00:01:13,480 --> 00:01:17,590 sin embargo, si desea crearla, para las tiendas de aplicaciones necesita una cuenta paga como 18 00:01:17,590 --> 00:01:20,950 se mencionó anteriormente en este módulo. Por lo tanto, debe configurar 19 00:01:20,950 --> 00:01:27,550 una cuenta de desarrollador de Apple y luego abrir su proyecto aquí, su proyecto de iOS para ser precisos con Xcode. 20 00:01:28,330 --> 00:01:35,980 Allí puede hacer clic para abrir otro proyecto, ir a la carpeta de su proyecto, allí a la carpeta iOS y allí 21 00:01:35,980 --> 00:01:41,560 seleccionar esta carpeta o archivo de espacio de trabajo XC aquí para abrir esto con Xcode. 22 00:01:41,620 --> 00:01:48,940 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 23 00:01:48,990 --> 00:01:53,810 configura su identificador, por ejemplo, esa es la URL inversa de la 24 00:01:53,870 --> 00:02:02,910 que estaba hablando, que podría ser com. Academind. Prueba expo rn-no, algo como esto, donde establece 25 00:02:02,910 --> 00:02:08,330 un número de versión que verán sus usuarios y su número de compilación que simplemente 26 00:02:08,330 --> 00:02:13,280 puede ser un número que incremente aquí, donde debe elegir administrar automáticamente la firma 27 00:02:13,280 --> 00:02:20,320 y donde ahora necesita elegir un equipo que debe mostrarse aquí, si no agrega una cuenta y allí, inicie sesión 28 00:02:20,320 --> 00:02:26,350 con su ID de Apple para agregar su cuenta de desarrollador de Apple como una cuenta aquí 29 00:02:26,350 --> 00:02:31,360 y, a partir de entonces, debería poder elegir su equipo aquí, que se requerirá 30 00:02:31,360 --> 00:02:32,830 automáticamente firmando la 31 00:02:32,830 --> 00:02:38,970 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 32 00:02:39,010 --> 00:02:44,640 supuesto, una configuración importante está relacionada con los iconos que desea usar. En la expo, configuramos los íconos 33 00:02:44,650 --> 00:02:50,430 convenientemente en una configuración y la expo generó todos los íconos para nosotros. 34 00:02:50,470 --> 00:02:52,410 Ahora no funcionará así, 35 00:02:52,480 --> 00:02:59,650 ahora necesita configurar estos íconos por su cuenta y hacer esto haciendo clic en esta flecha aquí que 36 00:02:59,650 --> 00:03:06,570 lo lleva al catálogo de activos y allí ahora puede proporcionar íconos y debe proporcionar íconos en 37 00:03:06,570 --> 00:03:09,050 diferentes tamaños aquí como puedes ver. 38 00:03:09,270 --> 00:03:11,610 Obviamente, eso fue algo conveniente por exposición, creó estos 39 00:03:11,610 --> 00:03:17,690 íconos para usted y no tuvo que crear manualmente todos estos íconos. Adjunto sin embargo encontrará 40 00:03:17,690 --> 00:03:22,550 un íconos. archivo zip que incluye íconos que 41 00:03:22,550 --> 00:03:29,740 puede arrastrar y soltar aquí, así que eso es lo que haré ahora y los íconos están etiquetados de modo 42 00:03:29,740 --> 00:03:35,560 que quede claro lo que tiene que arrastrar hacia dónde y con eso, configuró los íconos. 43 00:03:35,750 --> 00:03:40,790 También es posible que desee configurar la pantalla de inicio, para eso puede expandir esta carpeta 44 00:03:40,790 --> 00:03:48,610 y allí encontrará este archivo zip de la pantalla de inicio. Esto al final le permite personalizar su pantalla de inicio, 45 00:03:48,610 --> 00:03:55,660 allí puede agregarle nuevos widgets, arrastrar imágenes a ella, cambiar el texto, puede ver aquí, por ejemplo, y 46 00:03:55,660 --> 00:04:01,920 configurar la pantalla de inicio en general. Puede obtener más información sobre esto en los documentos de Xcode, 47 00:04:01,920 --> 00:04:09,700 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 48 00:04:09,700 --> 00:04:14,710 una versión del simulador, luego haciendo clic en el botón de reproducción aquí y esto ahora construirá 49 00:04:14,710 --> 00:04:19,920 su aplicación y la ejecutará en un simulador y, a partir de entonces, también podemos construirla para despliegue. 50 00:04:19,930 --> 00:04:27,840 Veamos si ahora todo funciona, lanza este proceso de agrupación que ya viste anteriormente para esta aplicación independiente 51 00:04:27,850 --> 00:04:33,630 porque, por supuesto, todavía es parte de la experiencia de desarrollo aquí. 52 00:04:33,700 --> 00:04:42,070 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 53 00:04:42,100 --> 00:04:44,140 la aplicación en un simulador. 54 00:04:44,140 --> 00:04:49,270 Ahora no estoy demasiado interesado en la aplicación allí porque solo tengo una aplicación muy básica allí 55 00:04:49,270 --> 00:04:53,370 que no hace nada elegante, pero esto demuestra que el edificio funciona. 56 00:04:53,480 --> 00:04:57,970 Ahora, en los documentos oficiales, si se desplaza hacia abajo aún más en esta sección en ejecución 57 00:04:57,970 --> 00:05:00,030 en el dispositivo, también aprenderá cómo construir 58 00:05:00,520 --> 00:05:05,510 su aplicación para producción si es una aplicación que no es expo, y ahora, tenemos dos cosas importantes que hacer. 59 00:05:05,530 --> 00:05:10,900 Lo primero importante es que en nuestra vista de proyecto aquí, al hacer clic en esta carpeta y 60 00:05:10,900 --> 00:05:20,290 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 61 00:05:20,290 --> 00:05:22,820 transporte de la aplicación. 62 00:05:22,870 --> 00:05:29,470 Este tipo de control controla cómo iOS controla a qué páginas web o servidores web puede hablar su aplicación y, 63 00:05:29,470 --> 00:05:35,470 de forma predeterminada, solo permite el acceso a servidores https, por lo que los servidores SSL seguros. 64 00:05:35,470 --> 00:05:39,270 Es un buen valor predeterminado, pero puede tener algunas excepciones que 65 00:05:39,370 --> 00:05:44,120 puede agregar aquí y una excepción en la lista de dominios de excepción es localhost. 66 00:05:44,180 --> 00:05:49,450 Ahora eso es necesario para el desarrollo porque su aplicación React Native al final habla con este servidor de 67 00:05:49,450 --> 00:05:51,680 desarrollo aquí que se ejecuta en su host 68 00:05:51,820 --> 00:05:55,820 local que no está utilizando SSL. Normalmente iOS bloquearía esto, ahora para 69 00:05:55,900 --> 00:06:01,000 no bloquearlo, esto está en la lista de excepciones. Para construir esto para producción, debe eliminar esto, 70 00:06:01,060 --> 00:06:02,080 simplemente puede borrar 71 00:06:02,080 --> 00:06:08,230 esta clave aquí quitándola con la tecla Eliminar y listo. Esa es una cosa que debe configurar para 72 00:06:08,230 --> 00:06:15,630 la implementación y luego debe configurar dicho esquema de lanzamiento. Para eso, debe ir al esquema 73 00:06:15,640 --> 00:06:24,700 del producto, editar el esquema y configurarlo desde la depuración para liberarlo aquí para ejecutarlo y luego cerrarlo. 74 00:06:25,760 --> 00:06:30,470 Con eso, ahora puede ejecutar la compilación del producto aquí para compilar su aplicación y ahora 75 00:06:30,470 --> 00:06:35,090 está diseñada para su lanzamiento, creada para la producción, por lo que está optimizada, etc. 76 00:06:35,090 --> 00:06:37,530 Entonces esto construye su aplicación ahora para la producción. 77 00:06:38,720 --> 00:06:39,980 Ahora, mientras se ejecuta 78 00:06:39,980 --> 00:06:42,940 esta compilación, asegurémonos de que también podamos subirla a la tienda 79 00:06:42,950 --> 00:06:48,590 de aplicaciones de Apple y para ello, debe ir a su cuenta de desarrollador de Apple y aquí definitivamente necesita una cuenta 80 00:06:49,550 --> 00:06:55,250 paga y allí, ahora debe configurar un un par de cosas. Debe ir a certificados, ID y perfiles aquí e 81 00:06:55,250 --> 00:06:58,370 ir a identificadores y luego agregar aquí una nueva ID de 82 00:06:58,370 --> 00:07:02,140 aplicación, solo esto aquí, la primera configuración, agregar una ID de aplicación y debe 83 00:07:02,150 --> 00:07:07,690 agregar la ID de la aplicación que está configurada en su proyecto, por lo que la identificación de la aplicación, el 84 00:07:07,700 --> 00:07:14,240 identificador de paquete que encuentra aquí, ese identificador exacto debe agregarse aquí. Puede agregar una descripción, rn-demo, lo 85 00:07:14,240 --> 00:07:22,840 que quiera, pero aquí debe agregar esta ID. Ahora puede verificar las capacidades especiales que su aplicación requiere 86 00:07:22,870 --> 00:07:26,410 que mi aplicación no necesita, por lo que 87 00:07:26,410 --> 00:07:31,740 no necesito verificar nada allí y luego puedo continuar, confirmar esto y registrarme. 88 00:07:31,750 --> 00:07:32,680 Ahora esto 89 00:07:32,680 --> 00:07:36,010 es obligatorio, de lo contrario no podrá publicar su aplicación. 90 00:07:36,040 --> 00:07:42,510 Ahora con esa ID registrada, debe ir a iTunes Connect y simplemente puede buscar 91 00:07:42,510 --> 00:07:48,090 en Google lo que al final es el servicio donde crea esa 92 00:07:48,090 --> 00:07:57,710 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 93 00:07:57,710 --> 00:08:06,010 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 94 00:08:06,160 --> 00:08:08,070 supuesto, es un nombre hermoso que realmente 95 00:08:08,140 --> 00:08:11,110 no querría usar, pero es bueno para nosotros aquí, luego 96 00:08:11,260 --> 00:08:17,600 elija el idioma para el que está creando su aplicación, elija la ID del paquete y allí, elija la ID que acaba de 97 00:08:17,620 --> 00:08:19,210 configurar, si es aún 98 00:08:19,360 --> 00:08:26,060 no aparece, vuelve un par de minutos más tarde, estará allí entonces. Luego, también puede agregar su propio identificador 99 00:08:26,060 --> 00:08:32,750 personalizado que aparecerá básicamente en sus facturas y así sucesivamente, RNNoExpo, lo que quiera y 100 00:08:32,750 --> 00:08:39,170 haga clic en crear, y esto ahora crea la aplicación aquí en iTunes Connect. 101 00:08:39,260 --> 00:08:44,750 Aquí también es donde puede administrar la aplicación para App Store y configurarla, configurar su 102 00:08:44,750 --> 00:08:45,910 precio, etc. 103 00:08:45,980 --> 00:08:52,870 Ahora que ya está todo hecho, esperemos a que termine nuestra compilación aquí y si falló como lo hizo para mí, 104 00:08:52,870 --> 00:08:59,220 la razón es que debe configurarlo en un dispositivo iOS genérico, así que asegúrese de tener este conjunto. 105 00:08:59,220 --> 00:09:03,810 También asegúrese de agregar en esta prueba RNWithoutExpo, seleccione su equipo de desarrollo, ese es otro 106 00:09:03,810 --> 00:09:05,170 error que obtuve aquí. 107 00:09:06,150 --> 00:09:14,510 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 108 00:09:14,600 --> 00:09:17,020 todas estas cosas seleccionadas como lo 109 00:09:19,930 --> 00:09:26,170 ve aquí, en la sección de enlace que encontrará si se desplaza un poco hacia abajo y 110 00:09:26,180 --> 00:09:32,180 en esa parte de eliminación de código aquí, bajo lanzamiento, establezca esto de sí a no. 111 00:09:32,200 --> 00:09:36,280 Esta es una solución alternativa a este error que parece estar relacionado con las pruebas automáticas que se configuran 112 00:09:36,280 --> 00:09:45,020 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 113 00:09:45,020 --> 00:09:49,760 volver al producto y ahora la opción de archivo está disponible. 114 00:09:49,850 --> 00:09:56,570 Si ahora ejecuta esto, esto archiva su aplicación, que no es otra cosa que construir ese paquete que anteriormente se creó en los 115 00:09:56,570 --> 00:09:59,490 servidores en la nube de la expo, así que esperemos 116 00:09:59,810 --> 00:10:01,340 a que esto termine. 117 00:10:02,490 --> 00:10:03,430 Una vez 118 00:10:03,430 --> 00:10:08,620 hecho esto, debería ver su archivo o archivos si está en el proceso más de una vez aquí 119 00:10:08,620 --> 00:10:13,660 y ahora aquí, podría distribuir su aplicación a la App Store con las configuraciones realizadas en iTunes 120 00:10:13,660 --> 00:10:15,310 Connect, y así lo mostré anteriormente. 121 00:10:15,360 --> 00:10:20,890 Ahora no haré esto aquí, pero así es como implementaría su aplicación React Native only sin expo administrada.