Aplicaciones Híbridas con Ionic 2 Framework


Hoy vamos a conocer un poco acerca de un framework de desarrollo que ando probando (pero que tiene algo de tiempo ya). Ionic Framework es una herramienta gratuita para el desarrollo de aplicaciones híbridas basadas en HTML5 y JS, el cual esta construido bajo Saas y optimizado al máximo con AngularJS. Cuenta con una documentación muy completa (docs) y con una comunidad amplia, así que recursos y personas dispuestas a ayudarte no te van a faltar.

El proceso de instalación es muy sencillo, debes tener instalado, si no lo tienes o no sabes hacerlo, te dejo una guía npm una vez instalado simplemente ejecutas

npm install -g cordova ionic

Ya con eso tienes instalado ionic 2, vamos a crear un primer proyecto en blanco (se pueden usar templates de proyectos creados), para crearlo usamos el comando

ionic start ionictestblog blank

ionic es el comando que ejecutas para decirle al CLI que debe hacer, en este caso start que es para iniciar un proyecto ionictestblog no es mas que el nombre del proyecto, en mi caso le coloque así por que es lo que haremos un blog, que consuma vía API los posts y que permita enviar posts usando la misma API, para el backend de este blog usaremos mi framework favorito Django y para crear el API, usaremos Django-Rest-Framework, que también lo explicare en posts siguientes. y por ultimo el comando blank le indica al CLI que debe ejecutar un proyecto en blanco, es decir, con las configuraciones básicas del framework.

Una vez creado el proyecto podemos comenzar con la magia de la programación, yo voy a comenzar a hacer una serie de posts sobre una app que ando creando y que usare como ejemplo para facilitarles el camino en la creación de las suyas. Para compilar el proyecto, dependiendo de la plataforma en la que estés puedes usar uno u otro comando es de destacar que puedes compilar para IOS y Android

Android
ionic platform add android
ionic build android
ionic run android

he creado el repositorio en github para que tengas todo el codigo de la app que realizaremos en este mini howTo https://github.com/rootweiller/ionictestblog

Happy Hacking 🙂

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s