Aplicaciones móviles híbridas

Publicada en Publicada en Aplicaciones Web

Aplicaciones móviles híbridas con Ionic

 

Existen diversos frameworks para poder desarrollar programas para dispositivos móviles tales como Ionic, Intexl XD, Android SDK y XCode o Swift entre otros. Pero la principal ventaja de poder desarrollar aplicaciones híbridas es que no debes de programar hasta tres veces el sistema para las diferentes plataformas para androide, ios o Windows phone.

creating-cross-platform-apps-using-ionic-framework

El framework el cual estaremos escribiendo será sobre Ionic que es gratuito, ya que es una herramienta multiplataforma desarrollado en HTML, CSS, JavaScript y AngularJS. Lo cual lo hace tener un mayor rendimiento en los dispositivos.

Ionic tiene a disposición para que puedas desarrollar tus aplicaciones de una forma más gráfica usando Ionic Creator https://creator.ionic.io.

Ionic puede acceder a las librerías del dispositivo móvil y podrá usar la geolocalización en conjunto con Google maps, puedes desarrollar aplicaciones que usen la cámara del dispositivo y guardarlos en memoria, usar la lista de contactos, todo esto es posible a otra poderosa herramienta llamada CORDOVA además de que es de open source (https://cordova.apache.org/ ).

ionic-angularjs-ngcordova-small

 

Para crear nuestro primer proyecto debemos de tener instalado Node.js, Si queremos realizar las pruebas con los emuladores de android deberás de tener instalado el SDK de Javascript, Android SDK y la última versión de cordova, para poder compilar en ios deberás de tener instalado Xcode.

Instalación de Ionic en MAC

Una vez instalado las utilerías mencionadas, deberás de abrir la consola y escribir lo siguiente;

  • Instalas Ionic: sudo npm install -g ionic
  • Instalas cordova: sudo npm install -g cordova ionic
  • Agregas el permiso a la carpeta de user para poder instalar: sudo chown -R $USER /usr/local
  • Como se está instalando para mac se agrega el simulador de ios: sudo npm install -g ios-sim
  • Y para indicar el deploy que será de ios: sudo npm install -g ios-deploy

Una vez que se instalen los componentes podremos ya agregar nuestra primera página de prueba usando Ionic para más información entren a la documentación de ionic.

Ahora sí a crear la primera aplicación híbrida

En la misma consola escribimos el siguiente comando: ionic start myApp tabs, con éste comando ya tenemos creada nuestra aplicación llamada myApp.

Si queremos agregar la plataforma de Android al proyecto debemos de escribir el siguiente comando: ionic platform add android, si quieres agregar la plataforma de ios solo cambias el nombre de “android” por el de “ios” y quedaría de la siguiente forma, ionic platform add ios.

Captura de pantalla 2016-02-10 a las 1.04.05 a.m.

Ahora nos tocaría construir la aplicación para la plataforma deseada; ionic build ios 

Ahora si emulamos la aplicación en el dispositivo móvil; ionic emulate ios

Si lo queremos ver desde nuestro navegador simplemente tienes que agregar el siguiente comando; ionic serve

Captura de pantalla 2016-02-10 a las 1.10.22 a.m.

Para cerrar el server local deberás de escribir la tecla “q”.

Con esto ya tenemos los comandos básicos de ionic, en el siguiente post estaremos creando nuestra primera aplicación usando geolocalización.

 

 

 

Please follow and like us:
0

Post Relacionados

Un comentario en “Aplicaciones móviles híbridas

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *