Pasos para ejecutar una aplicación React Native con Android Studio
1. Instalar Node y chocolatay
se debe instalar node para ejecutar el codigo JS de react native, en el siguiente link se puede descargar:
https://nodejs.org/en/download/
y ademas si ejecuta el android en Windows es aconsejable instalar el chocolatey en el siguiente link se puede descargar:
https://chocolatey.org/install
2. Intalar el JDK
con chocolatey se puede realizar esto con el comando:
choco install -y jdk8
3. Descargamos e instalamos el Android Studio
para descargar el Android Studio debemos dirigirnos al siguiente link:
https://developer.android.com/studio/index.html
luego ejecutamos el instalador y configuramos el ambiente de la siguiente manera:
seleccionamos custom para hacer nuestras propias configuraciones.
se nos mostrara esta pantalla:
seleccionamos el Android virtual Device, para que nos instale un emulador.
En la siguiente pantalla dejamos seleccionado el emulador por defecto y presionamos finish.
4. cuando se cierra esa pantalla entramos en el administrador del SDK de la siguiente manera:
luego seleccionamos la opción de mostrar el detalle de los paquetes así:
luego que se despliegan seleccionamos las siguientes opciones:
nos pasamos a la pestaña SDK Tools y seleccionamos las siguientes opciones:
luego nos pedirá confirmación, le damos acetar, aceptamos las licencias de lo que vamos a descargar en la siguiente pantalla:
luego que aceptemos las licencias le damos finish y vamos melos por esa parte.
5. Ahora crearemos las variables de entorno. en el buscador escribimos variables de entorno y se nos presentara esta ventana:
en la sección de usuario creamos una nueva y nos presenta esta pantalla:
los datos que ingresamos ANDROID_HOME", "%HOMEDRIVE%%HOMEPATH%\AppData\Local\Android\Sdk" y presionamos en OK
Luego modificamos el PATH se nos presenta la siguiente pantalla:
le agregamos esta ruta "%ANDROID_HOME%\platform-tools".
luego de esto quedamos melos para ejecutar react native.
NOTA: si se presenta un error con el emulador, creamos uno nuevo, descargando un release de Android, el Q puede ser y probamos que si nos abra el emulador en el siguiente icono:
6. ejecutamos el servidor de aplicación de react dirigiéndonos a la carpeta raíz del proyecto y ejecutando el siguiente comando:
npx react-native start
se nos mostrara el siguiente mensaje:
presionamos r y el servidor queda ejecutándose:
7. ejecutamos la aplicación, para realizar esto abrimos el proyecto en Android Studio y ahí abrimos la terminal de android y ejecutamos el siguiente comando:
npm install
y
npx react-native run-android
esto nos montara la aplicación en el emulador, y saldrá algo así por ejemplo:
felicitaciones ya puedes codear en react native. :D
1. Instalar Node y chocolatay
se debe instalar node para ejecutar el codigo JS de react native, en el siguiente link se puede descargar:
https://nodejs.org/en/download/
y ademas si ejecuta el android en Windows es aconsejable instalar el chocolatey en el siguiente link se puede descargar:
https://chocolatey.org/install
2. Intalar el JDK
con chocolatey se puede realizar esto con el comando:
choco install -y jdk8
3. Descargamos e instalamos el Android Studio
para descargar el Android Studio debemos dirigirnos al siguiente link:
https://developer.android.com/studio/index.html
luego ejecutamos el instalador y configuramos el ambiente de la siguiente manera:
seleccionamos custom para hacer nuestras propias configuraciones.
se nos mostrara esta pantalla:
seleccionamos el Android virtual Device, para que nos instale un emulador.
En la siguiente pantalla dejamos seleccionado el emulador por defecto y presionamos finish.
4. cuando se cierra esa pantalla entramos en el administrador del SDK de la siguiente manera:
luego seleccionamos la opción de mostrar el detalle de los paquetes así:
luego que se despliegan seleccionamos las siguientes opciones:
nos pasamos a la pestaña SDK Tools y seleccionamos las siguientes opciones:
luego nos pedirá confirmación, le damos acetar, aceptamos las licencias de lo que vamos a descargar en la siguiente pantalla:
luego que aceptemos las licencias le damos finish y vamos melos por esa parte.
5. Ahora crearemos las variables de entorno. en el buscador escribimos variables de entorno y se nos presentara esta ventana:
en la sección de usuario creamos una nueva y nos presenta esta pantalla:
los datos que ingresamos ANDROID_HOME", "%HOMEDRIVE%%HOMEPATH%\AppData\Local\Android\Sdk" y presionamos en OK
Luego modificamos el PATH se nos presenta la siguiente pantalla:
le agregamos esta ruta "%ANDROID_HOME%\platform-tools".
luego de esto quedamos melos para ejecutar react native.
NOTA: si se presenta un error con el emulador, creamos uno nuevo, descargando un release de Android, el Q puede ser y probamos que si nos abra el emulador en el siguiente icono:
6. ejecutamos el servidor de aplicación de react dirigiéndonos a la carpeta raíz del proyecto y ejecutando el siguiente comando:
npx react-native start
se nos mostrara el siguiente mensaje:
presionamos r y el servidor queda ejecutándose:
7. ejecutamos la aplicación, para realizar esto abrimos el proyecto en Android Studio y ahí abrimos la terminal de android y ejecutamos el siguiente comando:
npm install
y
npx react-native run-android
esto nos montara la aplicación en el emulador, y saldrá algo así por ejemplo:
felicitaciones ya puedes codear en react native. :D
Comentarios
Publicar un comentario