Build high-quality mobile apps with Ionic Framework

Akash Kuber

22 de Diciembre 2017

¿Qué es Ionic?

Ionic es un sistema de desarrollo de aplicaciones móviles HTML5 destinado a la creación de aplicaciones móviles híbridas. Las aplicaciones híbridas son esencialmente sitios web pequeños que se ejecutan en un shell del navegador en una aplicación que tiene acceso a la capa de plataforma nativa. Las aplicaciones híbridas tienen muchas ventajas sobre las aplicaciones nativas puras, específicamente en términos de soporte de plataformas, la velocidad de desarrollo y el acceso a código de terceros.

Services and features:

Ionic proporciona toda la funcionalidad que se puede encontrar en los SDK de desarrollo móvil nativos. Los usuarios pueden construir sus aplicaciones, personalizarlas para Android o iOS, e implementarlas a través deCordova. Ionic incluye componentes móviles, tipografía, paradigmas interactivos y un tema base extensible.

Soporte para Navegador:

• Ionic 1 – Ionic V1 se enfoca en construir aplicaciones móviles nativas/híbridas en lugar de sitios web móviles. Soporte para iOS 7+ y Android 4.1
• Ionic 2 – Ionic v2 se centra en construir aplicaciones nativas/híbridas a través de Cordova, además de agregar la capacidad o la Aplicación Web Progresiva. Soporte para iOS 8+, Windows 10 Universal App, Android 4.4+

Instalando Ionic :

Para instalar Ionic debes tener la version recente de NodeJs yNPM.

$ sudo apt-get update
$ sudo apt-get install nodejs $ sudo apt-get install npm

Instale Ionic CLI y Cordova

$ sudo npm install -g cordova
$ sudo npm install -g ionic
or
$ npm install -g ionic cordova (Ionic CLI)

Cree su primera aplicación Ionic:

$ ionic start demoApp
$ cd demoApp
$ ionic serve

Guías de plataforma Java development Kit (JDK)

1. Instale Java Development Kit (JDK)8 o mas avanzado.
2. Al instalar en Windows, también debe establecer la variable de entorno JAVA_HOME de acuerdo con la ruta de instalación de su JDK.

Android SDK

1. Instale Android studio. Las instrucciones detalladas de instalación están en el sitio para desarolladores de Android.

Añada Paquetes SDK

• Después de instalar el Android SDK, tambien debe instalar los paquetes para el nivel de API que desee elegir como blanco.
• Abra el administrador de Android SDK (ejecute android o sdkmanager desde de la terminal) y asegúrese que los siguientes estén instalados:
  1. Android Platform SDK para su versión específica de Android
  2. Android SDK build-tools versión 19.1.0 o superior
  3. Android Support Repository (se encuentra en “Extras”)

Establezca variables de entorno

Linux:

Siguiendo el comando para configurar android sdk path y java path
$ sudo nano ~/.bash_profile (Open .bash_profile file)
Ingrese el siguiente texto en su archivo .bash_profile.
export ANDROID_HOME="your android SDK path"
sample => ("/home/pc-name/Android/Sdk")
export ANDROID_SDK_ROOT="your android SDK path"
sample => ("/home/pc-name/Android/Sdk")
export JAVA_HOME="Your java install file path"
sample => ("/usr/lib/jvm/java-8-oracle")
export PATH=${PATH}:"your android platform-tools path and colon sdk tools file path
sample => ("/home/pc-name/Android/platform-tools:/home/lt-83/Android/Sdk/tools")

OS X: En una Mac o Linux, puede usar un editor de texto para crear o modificar el archivo ~/.bash_profile. Para establecer una variable de entorno, agregue una línea que use exportar de esa manera (sustituya la ruta con su instalación local).

export ANDROID_HOME=/Development/android-sdk/

Para actualizar su PATH (RUTA), agregue una línea que se parezca a la siguiente (sustituya las rutas con la ubicación de instalación de su SDK local de Android)

export PATH=${PATH}:/Development/android-sdk/platform-tools:/Development/android-sdk/tools

$ source ~/.bash_profile

$ cordova plugin add cordova-plugin-whitelist
$ cordova prepare

$ ionic platform add android
$ ionic cordova build android
$ ionic build android

$ ionic platform add ios
$ ionic cordova build ios
$ ionic build ios

$ npm install -g ios-deploy