Cómo generar el APK y AAB para Android

Clase 19 de 21 • Curso de React Native: Formularios, Almacenamiento y Deploy

Bryan Gama Solórzano

student•

Hola! Les comparto el repo de mi proyecto hecho con TypeScript! Cambié apenas el diseño de la página de detalle y usé un custom hook para el manejo de los favoritos por si a alguien le sirve.

https://github.com/bryangamas/pokedex-app

!Pokedex App Demo

Jorge Teofanes

student•

Fueron cursos increíbles los que dicto Agustín con React Native, en mi caso le añadí un buscador, espero les sirva.

Video Repositorio)

Ivan Andres Diaz Lopez

student•

En este momento, ahora se esta utilizando EAS build para hacer l APK.

documentacion APK

Sin embargo, primero debe crear una cuenta Expo e instalar EAS BUILD, en la linea de comados.

npm install -g eas-cli

eas login

Lean esta documentacion y al final les genera el Codigo qr pra descargar el APK

Jhonntan Andres Castaño Rojas

student•

odio esto , que este tan desactualizado el curso , el curso es muy bueno , el profe es muy bueno pero esta vaina asi a sido demasiado dificil y jodida

Kevin Parra Lopez

student•

Les presento mi proyecto

Diego Andres Valderruten Vargas

student•

A la fecha este procedimiento cambio, sigamos las instrucciones del siguiente enlace que es documentación oficial: https://docs.expo.dev/build/setup/#build-for-app-stores

cuando llegues al paso 4 'RUN A BUILD', elige tu sistema operativo, y ve al enlace. Yo lo hice con Android y salió perfecto.

Francisco Espinel

student•

Cuando intento generar el apk para android The Classic Build service is deprecated. The final version to support it was Expo SDK 46.

Please migrate to EAS Build to continue building your app. Learn more: https://docs.expo.dev/build-reference/migrating/

Hans Trauwitz

student•

usa los pasos de eas si se puede generar el apk e instalarlo https://docs.expo.dev/development/create-development-builds/

Jeremias Ezequiel Gonzalez

student•

Hola buenas, acá les dejo el video que me sirvió Creando un APK de Android con React Native Expo | Tutorial 2023 - YouTube y el link a la documentación Build APKs for Android Emulators and devices - Expo Documentation

También les dejo un resumen:

Primero debes crear una cuenta Expo el sitio web e instalar "eas" en la linea de comados.

npm install -g eas-cli

Iniciar sesión con tu cuenta de Expo en la linea de comandos eas login
configura eas con en la linea de comandos eas build:configure
Listo ahora crea la apk eas build -p android --profile preview "p es la plataforma y --profile <nombre> es lo que configuraste en el archivo eas"

Jousse Victor Veliz Walttuoni

student•

Por que expo compila en su pagina y obliga a descargar mi aplicacion ? No hay una forma que mi apk no tenga que descargarla ?

Agustín Navarro Galdon

teacher•

Para eso seria usar React Native CLI directamente, aunque las dos cosas sean React Native se usan para diferente tipo de aplicaciones.

Andres Roberto Coello Goyes

student•

Si quieres tener mas libertad de que hacer o no en tu app, usa el CLI de react native y no expo

Gustavo Pú

student•

expo build:android -t apk

Gabriel Pino

student•

Breve actualización para compilar y exportar la app:

https://docs.expo.dev/build/setup/

Luis Daniel Gordo Navas

student•

Por favor actualicen esta clase

Juan David González Rodríguez

student•

Como publicarlo en la play store?

Edison Andres Portilla Chungandro

student•

Saludos, una pregunta. En mi caso, estoy usando varias peticiones al servidor en la APK de depuración funcionan perfectamente, pero al generar mi apk_release y probar las peticiones que hago no funcionan, es como que no tengo acceso al internet. Me conecte a varias redes pero aún así no tengo respuesta. Leí que el permiso de INTERNET casi todas las aplicaciones lo tienen, según la documentación de React Native este permiso se elimina en producción ¿Me podrías ayudar?

Agustín Navarro Galdon

teacher•

En un principio no te tendría que afectar, lo que puedes hacer es conectar el movil a ordenador y desde android studio revisar las peticiones para ver que puede estar fallando.

Gabriel Alfonso

student•

hola, yo uso react-native-cli no se como hacer para generar el apk

Agustín Navarro Galdon

teacher•

Te dejo una guía donde te explica como generar el APK tanto la de Debug como la Release https://tincode.es/blog/genera-apk-react-native-cli

Jhonntan Andres Castaño Rojas

student•

actualicen el curso Ten en cuenta que expo build:android ha sido descontinuado a partir del 4 de enero de 2023. Ya no se puede utilizar para construir aplicaciones Expo.

Jhonntan Andres Castaño Rojas

student•

ayuuuuuudaaaaaaa






Práctico de React Native: Formularios, Almacenamiento y Deploy/pokedex$ expo build:android -t apk
WARNING: The legacy expo-cli does not support Node +17. Migrate to the new local Expo CLI: 
-new-expo-cli-f4250d8e3421.
┌───────────────────────────────────────────────────────────────────────────┐
│ │
│ The global expo-cli package has been deprecated. │
│ │
│ The new Expo CLI is now bundled in your project in the expo package. │
│ Learn more:  │
│ │
│ To use the local CLI instead (recommended in SDK 46 and higher), run: │
│ › npx expo \<command> │
│ │
└───────────────────────────────────────────────────────────────────────────┘

@react-native-community/async-storage has been renamed. To upgrade:
\- remove @react-native-community/async-storage from package.json
\- run "expo install @react-native-async-storage/async-storage"
\- update your imports manually, or run "npx expo-codemod sdk41-async-storage './\*\*/\*'".


expo build:android has been superseded by eas build. Learn more: 
2a6b60

Run the following:

› npm install -g eas-cli
› eas build -p android 

expo build:android has been discontinued (January 4, 2023).

Request failed with status code 404
Error: Request failed with status code 404
at createError (/usr/local/lib/nodejs/node-v20.10.0-linux-x64/lib/node\_modules/expo-cli/node\_modules/axios/lib/c
ore/createError.js:16:15)
at settle (/usr/local/lib/nodejs/node-v20.10.0-linux-x64/lib/node\_modules/expo-cli/node\_modules/axios/lib/core/s
ettle.js:17:12)
at IncomingMessage.handleStreamEnd (/usr/local/lib/nodejs/node-v20.10.0-linux-x64/lib/node\_modules/expo-cli/node
\_modules/axios/lib/adapters/http.js:260:11)
at IncomingMessage.emit (node:events:526:35)
at endReadableNT (node:internal/streams/readable:1589:12)
at processTicksAndRejections (node:internal/process/task\_queues:82:21)

fernando alzate

student•

estoy usando el siguiente comando eas build -p android --profile preview el perfil preview en el archivo aes.json luce asi

"preview": {

"android": {

"buildType": "apk"

}

pero cuando voy a instalar el archivo apk en el emulador o en un telefono fisico, la aplicacion abre pero se cierra inmediatamente.

Práctico de React Native: Formularios, Almacenamiento y Deploy/pokedex$ expo build:android -t apk
WARNING: The legacy expo-cli does not support Node +17. Migrate to the new local Expo CLI: 
-new-expo-cli-f4250d8e3421.
┌───────────────────────────────────────────────────────────────────────────┐
│ │
│ The global expo-cli package has been deprecated. │
│ │
│ The new Expo CLI is now bundled in your project in the expo package. │
│ Learn more:  │
│ │
│ To use the local CLI instead (recommended in SDK 46 and higher), run: │
│ › npx expo \<command> │
│ │
└───────────────────────────────────────────────────────────────────────────┘

@react-native-community/async-storage has been renamed. To upgrade:
\- remove @react-native-community/async-storage from package.json
\- run "expo install @react-native-async-storage/async-storage"
\- update your imports manually, or run "npx expo-codemod sdk41-async-storage './\*\*/\*'".


expo build:android has been superseded by eas build. Learn more: 
2a6b60

Run the following:

› npm install -g eas-cli
› eas build -p android 

expo build:android has been discontinued (January 4, 2023).

Request failed with status code 404
Error: Request failed with status code 404
at createError (/usr/local/lib/nodejs/node-v20.10.0-linux-x64/lib/node\_modules/expo-cli/node\_modules/axios/lib/c
ore/createError.js:16:15)
at settle (/usr/local/lib/nodejs/node-v20.10.0-linux-x64/lib/node\_modules/expo-cli/node\_modules/axios/lib/core/s
ettle.js:17:12)
at IncomingMessage.handleStreamEnd (/usr/local/lib/nodejs/node-v20.10.0-linux-x64/lib/node\_modules/expo-cli/node
\_modules/axios/lib/adapters/http.js:260:11)
at IncomingMessage.emit (node:events:526:35)
at endReadableNT (node:internal/streams/readable:1589:12)
at processTicksAndRejections (node:internal/process/task\_queues:82:21)

Cómo generar el APK y AAB para Android

Sistema de formularios

Descarga el código base del proyecto

Pantalla de Mi cuenta

Formulario de Login

Sistema de formularios avanzados

Implementando Formik y Yup

Iniciando sesión

useAuth: manejo de sesiones con Custom Hooks y React Context

Datos del usuario y logout

Sistema de favoritos

Botón de añadir a favoritos

Almacenando un Pokémon favorito con AsyncStorage

Almacenando varios Pokémon favoritos

Pantalla de favoritos

Toggle en el botón de favoritos

Eliminar Pokémon de favoritos

Lista de Pokémon favoritos

Navegación hacia atrás en favoritos

Logout

Sincronizando información entre pantallas

Pre deploy

Configuración básica antes del BUILD

Cómo generar el APK y AAB para Android

Cómo generar la app para iOS

¿Quieres cursos más avanzados de React Native?