Instalando Android Studio.
En este vídeo vamos a ver cómo se instala Android Studio, un entorno para poder testear nuestra aplicación, siguiendo esta guía de ionic framework y la página oficial de Android Studio.
Es una instalación básica sin ningún tipo de complicación y una vez instalado abriremos el programa y, en configuración, accederemos al SDK manager para instalar las versiones de android que consideremos oportunas.
Ya casi tenemos listo nuestro entorno, ahora solo falta crear un emulador para testear nuestra app. Para ello, volvemos a ir a configuración, pero esta vez, accederemos al AVD manager. De ese modo seleccionaremos el dispositivo que queramos para crearlo.
[mepr-show if=”rule: 2247″]
[/mepr-show]
Os toca a vosotros seguir la guía de instalación y dejar listo todo para probar la aplicación. En el siguiente video os mostraré como generar los recursos de la aplicación para que muestre nuestro propio logo.
Generando Splash e icon
Cada aplicación que instalamos tiene sus propias imágenes, diferente al resto de aplicaciones, es el caso del splash e icon.
- El icon es el logo de la aplicación que aparece en nuestro dispositivo cuando la instalamos, por ejemplo el icono de la cámara para abrir la aplicación de la cámara, o el icono del sobre para abrir la aplicación del correo.
- Y el splash la imagen que aparece justo en la transición desde que hacemos click en el icono hasta que carga la aplicación.
Para generar estas imágenes solo vamos a tener que tener que crearlas una vez, con unas medidas concretas, y luego usaremos los comandos del CLI de ionic para generar todas las que usará nuestra aplicación según el dispositivo que usemos.
ionic cordova resources
Con este comando ya nos genera tanto las imágenes como nos añade todo lo necesario en el config.xml.
[mepr-show if=”rule: 2247″]
[/mepr-show]
Ahora ya tenemos todo listo para probar nuestra aplicación.
Testeando nuestra app
Es el momento de probar nuestra aplicación en el emulador que acabamos de crear. Para ello, simplemente vamos a ejecutar el comando:
ionic cordova build android
Y eso mismo podemos hacerlo para ios:
ionic cordova build ios
Ésto nos genera todos los ficheros que necesitamos ya preparados para probarlos y subirlos a las store.
En este caso, vamos a estar haciendo uso de la carpeta de platforms/android, ya que para ios es necesario trabajar desde un macOS.
[mepr-show if=”rule: 2247″]
[/mepr-show]
Testeando desde el emulador
[mepr-show if=”rule: 2247″]
[/mepr-show]
Testeando desde un dispositivo móvil real
[mepr-show if=”rule: 2247″]
[/mepr-show]
Publicación en stores
Ya solo falta subir nuestra app a las store, en este video os explico un poco sobre el tema y os dejo toda la documentación que podéis necesitar para cuando vayáis a publicar vuestras apps.
[mepr-show if=”rule: 2247″]
[/mepr-show]
Documentación de Ionic
https://ionicframework.com/docs/publishing/play-store
Publicación en Google Play
Firmar la apk
https://developer.android.com/studio/publish/app-signing
Guía del Google Play Console
https://support.google.com/googleplay/android-developer/answer/113469?hl=es
Publicación en App Store
https://developer.apple.com/app-store/
https://help.apple.com/xcode/mac/current/#/dev067853c94
https://medium.com/devschile/publicando-en-la-app-store-y-no-morir-en-el-intento-1f17553dc8b8