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

Aplicaciones Android desde Navegador Chrome

Si quieres usar aplicaciones de Android en tu navegador Chrome, es más simple de lo que te imaginas, en este post te voy a explicar como hacerlo.
La tecnología utilizada por Google para ello es ARC, acrónimo de App Runtime for Chrome y misma protagonista de esta historia. El propósito de ARC es ejecutar aplicaciones Android en Chrome.

Primero vamos a instalar la extensión para chrome, se llama ARC Welder, una vez hecho esto podrás descargarte las aplicaciones desde la tienda, convirtiendo las mismas a .apk, usando este sitio

Convirtiendo aplicaciones de la tienda en .apk
Abres la web en la tienda de google, por ejemplo Instagram y copias toda la dirección del navegador, una vez hecho esto vas a la web sitio
Captura de pantalla de 2015-06-08 13:38:40
pegas en la caja de texto la dirección que copiaste y le das Generate Link, al terminar el proceso la web te indicará un botón donde podrás descargar tu .apk

Instalando .apk en chrome
Ya tenemos instalada la extensión y descargamos el .apk, ahora vamos a instalarlo para que funcione y poder usarlo sin problemas, abrimos el navegador chrome, arriba a la izquierda está el boton “Aplicaciones”
Captura de pantalla de 2015-06-08 13:42:19

Abrimos las aplicaciones, una vez ahí nos va a aparecer nuestra extensión ARC Welder, la ejecutamos
Captura de pantalla de 2015-06-08 13:43:49
Click a “Add your apk” y buscamos donde guardamos el .apk que descargamos.

El proceso dura poco tiempo, una vez realizado deben aparecerte estos 3 botones
Captura de pantalla de 2015-06-08 13:45:25
Click a “launchapp” y listo, ya tenemos corriendo nuestra app en nuestro navegador chrome, puedes hacerlo para las apps que desees.

Espero les sirva de ayuda y hasta una próxima oportunidad.

Restaurando el Sony Xperia Mini X-10

Saludos, en esta oportunidad les dejaré un vídeo de como restaurar el sony xperia x-10 mini, esto para cuando estén instalando alguna ROM y el aparato no pase del logo de sony ericsson, como me ocurrió (por 2da vez a mi :D), es muy simple, por desgracia lo debes hacer desde winbugs, pero ese no es problema para muchos, por desgracia 😥

El vídeo en cuestión es realizado por el “tocayo” Juan Matus, excelente aporte del pana.