Instalar Ionic Framework en (X)Ubuntu 14.04

miércoles, 20 de agosto de 2014

Pre-requisito: Necesitamos Oracle Java instalado, para eso yo lo instalo de los repositorios de webupd8:
http://www.webupd8.org/2012/01/install-oracle-java-jdk-7-in-ubuntu-via.html

Primero instalamos Node.js

sudo apt-get update
sudo apt-get install nodejs
sudo apt-get install npm
sudo apt-get install nodejs-legacy
sudo apt-get install git
Después instalamos apache cordova

sudo npm install -g cordova
Ahora, para desarrollar en android necesitamos el SDK, que lo podemos descargar de http://developer.android.com/sdk/index.html , yo he descargado la versión stand alone ya que lo pienso usar en una instalación ya hecha de Eclipse.

Una vez descargado lo descomprimimos en donde queramos. Ya que el SDK solo funciona en modo 32 bits necesitamos las bibliotecas correctas si es que estamos en una instalación de Ubuntu de 64 bits.
sudo dpkg --add-architecture i386
sudo apt-get update
sudo apt-get install libncurses5:i386 libstdc++6:i386 zlib1g:i386
Una vez descomprimido el SDK nos vamos a la carpeta ~/android-sdk-linux/tools/ y ejecutamos el comando
./android sdk
Que nos mostrará la ventana de paquetes con las herramientas del SDK que queramos instalar dependiendo de la versión para la que queramos desarrollar. Para más info sobre estos paquetes pueden consultar http://developer.android.com/sdk/installing/adding-packages.html. Después de descargados e instalados (puede tardar mucho) ya podremos hacer uso del SDK de Android.

Para que la instalación de cordova funcione con las herramientas del SDK de android necesitamos modificar nuestro archivo ~/.bashrc añadiendo la siguiente linea al final:

export PATH=${PATH}:/"ruta donde descomprimimos"/android-sdk-linux/platform-tools:/"ruta donde descomprimimos"/android-sdk-linux/tools
Y ejecutamos el siguiente comando para que el sistema tome los cambios:
source ~/.bashrc

Después instalamos Ionic con el siguiente comando:
sudo npm install -g ionic
Ahora creamos un proyecto de prueba para ver que todo funciona. Nos vamos a la carpeta donde queremos generar el código y ejecutamos:

ionic start todo blank
cd todo
Y dentro de la carpeta del proyecto añadimos la plataforma Android y compilamos.
ionic platform android
ionic build android
Debido a que el emulador del android SDK es muy lento no se recomienda su uso con Ionic, se recomienda usar Genymotion. Así cuando usen el comando "ionic run" y tengan abierta la maquina virtual de Genymotions, su aplicación se ejecutará en la máquina virtual.

Aquí les dejo una screenshot de mi proyecto en blanco corriendo en una máquina de Genymotion.