CursosEmpresasBlogLiveConfPrecios

Preparando el ambiente de desarrollo

Clase 2 de 45 • Curso de desarrollo móvil con Ionic 2 2016

Clase anteriorSiguiente clase
Resumen

Instalando Ionic CLI

La configuración de las básicas herramientas de Ionic no son nada ajeno a cualquier entorno web, lo que necesitas es:

  • Tu terminal o linea de comandos
  • Cualquier editor de texto como sublime text, visual studio code, atom, etc.
  • Node.js en su versión más reciente: https://nodejs.org/en/

Con esto instalado, podemos instalar Ionic CLI:

npm install -g cordova ionic

Y listo, ya podemos iniciar a construir nuestras aplicaciones.

Hay otras configuraciones para tener en cuenta al momento de querer ejecutar el proyecto en un emulador o para llevarlo a producción y prácticamente se dividen en Android y iOS.

Configurando el Entorno para Android

  • En Mac OX, si tienes XCode instalado, entonces Git ya se encuentra instalado. De lo contrario, corre el siguiente comando:
 brew install git
  • En Linux, instala Git a través del tu gestor de paquetes.
  • En Windows, descarga e instala Git para Windows. Durante el proceso de configuración, elige “Run Git from Windows Command Prompter” (ejecuta Git desde la línea de comandos de Windows), lo cual agregará Git a tu variable de entorno PATH.

Instala el Android SDK (excepto que ya lo tengas instalado)

  1. Instala el último JDK.
  2. Install the Android SDK:

Define la variable de entorno ANDROID_HOME

IMPORTANTE: Asegúrate que la variable de entorno ANDROID_HOME apunte a to SDK de Android existente:

  • En Mac, agrega esto a tu archivo ~/.bashrc, ~/.bash_profile, ~/.zshrc. Si instalaste el SDK de Android a través de Homebrew debe ser ANDROID_HOME=/usr/local/opt/android-sdk sino debe ser ANDROID_HOME=~/Library/Android/sdk
export ANDROID_HOME=/usr/local/opt/android-sdk
  • En Linux, agrega esto a tu archivo ~/.bashrc, ~/.bash_profile o el archivo de configuración de shell que estés utilizando:
export ANDROID_HOME=<path_where_you_unpacked_android_sdk>
  • En Windows, dirígete a `Panel de Control -> Sistema y Seguridad-> Sistema -> Cambiar configuración -> Avanzado -> Variables de entorno -> Nueva. Como nombre poner ANDROID_HOME y como valor la ruta donde instalamos el SDK.

Las variables de entorno que vamos a agregar son:

C:\Users\**username**\AppData\Local\Android\android-sdk\platform-tools
C:\Users\**username**\AppData\Local\Android\android-sdk\tools

NOTA: Debes reiniciar la Terminal de comandos para aplicar los cambios en las variables de entorno, sea el sistema operativo que sea.

Configura tu SDK

  1. Abre el Android SDK Manager (en Mac OSX inicia una nueva terminal y corre el comando run android; en la ventana que aparece asegúrate de chequear los siguientes elementos:
  • Android SDK Build-tools version 23.0.1
  • Android 6.0 (API 23)
  • Local Maven repository for Support Libraries (en versiones anteriores puede aparecer como Android Support Repository)
  1. Haz click en “Install Packages”
Android SDK Manager
Android SDK Manager

Aquí es recomendable instalar de igual el SDK de la versión mínima que deseas soportar. Por ejemplo, si quieres tener soporte para Android 4.0 o superior, debes instalar dicho SDK.

Instala Genymotion

Genymotion es un emulador de Android mucho más fácil de instalar y configurar que los emuladores que vienen de fábrica de Google. De todas maneras, es gratis sólo para uso personal.

Para acceder a la descarga gratuita de Genymotion, primero necesitas crear una cuenta. No te preocupes, solo te pedirá correo y password.

Encontrarás la parte de descargas justo como en la siguiente imagen:

Captura de pantalla 2017-01-23 a la(s) 11.44.33.png
  1. Descarga e instala Genymotion.
  2. Abre Genymotion. Te puede llegar a pedir que instales VirtualBox a menos que ya lo tengas instalado.
  3. Crea un nuevo emulador e iniciálo
  4. Para mostrar el menú de desarrollador presiona ⌘+M

Configuración para iOS

Hay algo que debes de tener en cuenta para iOS. Puedes desarrollar tu aplicación en cualquier sistema operativo, pero, para poder probar la misma en un emulador, en tu iPhone o para publicarla vas a necesitar de Mac OS X o un hackintosh.

La herramienta que usa apple para el desarrollo de sus aplicaciones se llama Xcode, y solo necestimos ejecutar desde la terminal de Mac:

xcode-select --install

Si tienes alguna duda sobre la configuración en tu equipo, puedes consultar la documentación oficial: https://cordova.apache.org/docs/en/latest/guide/platforms/android/index.html

Igual te invito a dejar tu aporte en comentarios si en tu caso tuviste que hacer algo diferente y así aprendemos todos.