Clase 32 de 36 • Curso Básico de Ionic 2018
Contenido del curso
Correr aplicación en emulador Android
El primer paso en este caso es hacer la instalación y configuración del SDK de Android.
Las últimas versiones de Android Studio ya traen el SDK de Android listo para empezar a trabajar con él. Es decir que únicamente necesitas tener instalado el Java Developer Kit JDK de Java y Android Studio.
El JDK de Java lo puedes descargar directamente desde la página de Oracle, puedes ir directamente si das clic en este enlace: https://www.oracle.com/technetwork/java/javase/downloads/index.html
Para descargar Android Studio puedes ir a https://developer.android.com/studio/. Das click en Descargar Android Studio y el sitio te va a iniciar la descarga de un archivo con extensión .exe, al finalizar la descarga ejecutas ese archivo que te guiará a través de un ayudante de instalación en el que solo debes revisar condiciones y dar clic en siguiente.
Si no quieres instalar todo Android Studio desde este mismo sitio puedes hacer la descarga de las Android SDK Tools en opciones de descarga, puedes ir directamente si das clic aquí y vas al final de la página donde encuentras la sección de solo herramientas de línea de comandos.
Cuando hayas terminado la instalación del SDK de Android ya sea el que viene con Android Studio o la versión para solo trabajar desde línea de comandos, puedes ir a la terminal y correr el comando en la terminal:
ionic cordova emulate android
Correr aplicación en emulador iOS
Para que tu aplicación corra en el emulador de iOS debes tener instalados y configurados en tu computador XCode y su Command Line Tools, para esto sigue los siguientes pasos:
Asegurate de que tengas actualizado tu sistema operativo, puedes hacer la actualización en este enlace oficial de macOS: https://www.apple.com/macos/how-to-upgrade/
Ingresa a la terminal, para esto puedes usar la combinación command+spacebar y en el buscador ingresa la palabra Terminal.
En la terminal revisa si tienes instalado XCode, para esto ingresa el comando:
xcode-select -p
Si la terminal retorna este path esto te indica que el paquete de XCode ya está instalado y puedes usarlo
`/Applications/Xcode.app/Contents/Developer``
Probablemente tengas que hacer la actualización del paquete de XCode para esto puedes usar la misma combinación command+spacebar para buscar App Store, allí en la app store busca XCode y revisa si te da la opción de actualizar, si es así actualiza, sino solo ejecutalo.
xcode-select --install
Esto va a generar un cuadro de alerta que te indica que el comando que quieres usar requiere el Command Line Developer Tools, y te pregunta si quieres continuar con la instalación. Da clic en la opción Install.
Si esta instalación se tarda mucho o falla, puedes intentar la descarga directa del paquete con extensión .dmg desde la página oficial de Mac: https://developer.apple.com/downloads/more.
Verifica que tengas la instalación correcta ingresando el comando:
xcode-select -p
En la terminal.
Finalmente para iniciar el emulador de Ionic Cordova ejecuta el comando en la terminal:
ionic cordova emulate ios
Nota: Esto solo puede hacerse en OSX
Grupo Bien Pensado
Dario Zambrano
Carlos Enrique Ramírez Flores
Josué Carvajal
Teofilo Rosales Gama
Juan Guillermo Perez Cardozo
Maximiliano Delgado
Erika Luna
Maximiliano Delgado
Maximiliano Delgado
Carlos Uriel de Jesus Sánchez González
Alejandro Clavijo
dia 10 sigo sin que me pueda compilar señores platzy cuando van a subir el video en donde tratan estos temas=? tengo que ir a san youtube como siempre?
por algo uno paga lo que paga para tener una mejor guia, para eso solo veo youtube con mejor tutorial
puff que broncas para poder hacer compilar todo este desmadre!!
Si tienes problemas con android te recomiendo ejecutarlo directamente desde tu dispositivo, es más rápido y te ahorrarás dolores de cabeza.
Seguramente cuando estés tratando de emular te salta un error de que no has aceptado las licencias. diciendo algo como
" Before building your project, you need to accept the license agreements and complete the installation of the missing components using the Android Studio SDK Manager."
Buscando un poco por stackoverflow y en otros foros, llegué a una forma sencilla de realizarlo.
Simplemente ve a la ruta donde se encuentra tu SDK, en mi caso, instalé android studio, entonces mi ruta es “C:\Users\TUNOMBER\AppData\Local\Android\Sdk\tools\bin” o puedes buscar directamente escribiendo en el cmd o en el run de windows %appdata%.
En esta carpeta puedes abrir una consola, simplemente ejecutas el CMD y escribes
cd C:\Users\TUNOMBER\AppData\Local\Android\Sdk\tools\bin
y ya estarás dentro de la carpeta, por lo cual podremos ejecutar el comando:
sdkmanager --licenses
acá te saldrán varas y/n questions, a todas les daremos que sí para aceptarlas!
Y listo! Ya tienes aceptadas todas las licencias. Ahora
¿Cómo emulo con mi celular?
Como te comenté, yo instalé android studio, pero tenía otro problema, aparte del que me saltaba anteriormente.
Y es que además de la última versión (actualmente la 27) de android, tuve que instalar mediante el SDK la versión de mi dispositivo, la cual era la 23, para que lo tomes en cuenta
Una vez hecho esto, vamos a ejecutar los siguientes comandos en la carpeta de nuestro proyecto geocaching
Estos los ejecturamos solamente una vez en nuestro proyecto
npm uninstall @ionic/app-scripts npm install @ionic/app-scripts@latest --save-dev ionic integrations enable cordova --add ionic cordova platform rm android ionic cordova platform add android
estos cada vez que queramos emular en nuestro dispositivo
ionic cordova build android ionic cordova run android --device
1- El primer comando nos generara nuestra app en un .apk
2- El segundo correrá en nuestro móvil, estar atentos al prompt que te saldrá pidiendo permisos para instalar el app desde el usb, debes aceptarlo!
**
PD: Debes tener el celular conectado por USB, y con depuración activada!
PD2: Si tienes un dispositivo Xiaomi, además de las opciones de desarrollador, y activar depuración, debes activar las security settings, sino te fallará el último comando!
**
Espero que les haya servido!
Fuente: Stackoverflow, y preguntas a amigos que trabajan con ionic!
aqui una nota en españos sobre el sdk tools de Android
requerimiento para emular en ios, tener una mac. tendre que ir a prestar una.
Al emular para android me devuelve este error.
Error: Cannot read property 'replace' of undefined
Buscando en foros, dicen que hay que reemplazar una linea del archivo emulator.js.
pero tambien me devuelve un error
Error: Cannot read property '0' of null
a alguien le paso?
¿Qué versión estás usando?
Ionic:
ionic (Ionic CLI) : 4.0.6 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.1.11
Cordova:
cordova (Cordova CLI) : 7.1.0
Cordova Platforms : android 6.3.0, ios 4.5.5
System:
Android SDK Tools : 26.1.1
NodeJS : v8.10.0 (/usr/local/bin/node)
npm : 6.3.0
OS : macOS High Sierra
Xcode : Xcode 9.4.1 Build version 9F2000
Environment:
ANDROID_HOME : /Users/mex/Library/Android/sdk/
JAVA_HOME : /Library/Java/JavaVirtualMachines/jdk1.8.0_181.jdk/Contents/Home
java version "1.8.0_181"
Java™ SE Runtime Environment (build 1.8.0_181-b13)
Java HotSpot™ 64-Bit Server VM (build 25.181-b13, mixed mode)
MacBook-Pro:geocaching mex$
SOLUCIONADO EL PROBLEMA.
Al perecer, hay un problema con los API AVD superior a 25 ()
Por lo que hay que ingresar al Android Studio y remover la version superior del device por default y poner la 25 o inferiro ()
Tambien hay que verificar la version de JDK de JAVA, instale la 10 y no funciono, tuve que bajarla a la 8 (1.8.0)
$ java -version
java version "1.8.0_181" Java(TM) SE Runtime Environment (build 1.8.0_181-b13) Java HotSpot(TM) 64-Bit Server VM (build 25.181-b13, mixed mode)
Una vez realizado esto removemos la plataforma andorid, y la volvermos a cargar
ionic cordova platform remove android
ionic cordova platform add android
Con esto deberia funcionar sin problema.
Saludos
mucho que hacer, hagasmolo
falto explicar que tienes que organizar el android estudio, instalar el sdk de la version compatible con la del ionic y agregar el dispositivo tambien dependiente de la version en, mi caso la fue oreo, despues desde el android estudio abrir el simulador del dispositivo que se creo y al final corre el comando $ ionic cordova run android.
deberian sacar un video explicando la descarga del android estudio y explicar que se debe de hacer despues de la descarga
