Generadores de Ionic 2

Otro comando importante del CLI de Ionic, que no vimos en el primer post, es generate, el cual nos ayuda a crear páginas y servicios para la aplicación.

En este post vamos a utilizar generate para crear un ejemplo de página de inicio de sesión. Para crear el proyecto vamos a utilizar el comando start como vimos en posts anteriores, para ello ejecutamos en la consola:

ionic start --v2 ejemplo tabs

En la consola, entramos en la carpeta “ejemplo”, recien creada por el comando start, y crearemos la página donde vamos a colocar el formulario para iniciar sesión. Vamos a utilizar generate para crear la página, de la siguiente manera:

ionic generate page login

Seguir leyendo “Generadores de Ionic 2”

Cómo utilizar plugins de Cordova en Ionic 2 con Ionic Native

Nota: He publicado una versión más actualizada de este post para la versión 3 de Ionic.

En este post vamos a ver cómo podemos utilizar los plugins de Cordova con Ionic 2. Hemos mencionado varias veces Cordova y que Ionic depende de Cordova para desplegarse de forma nativa, ¿qué quiere decir esto exactamente?

Una de las desventajas de crear aplicaciones web para dispositivos móviles es que, al contrario de las aplicaciones nativas, no tienen acceso a funcionalidades nativas de los dispositivos como por ejemplo, la cámara, el GPS, la galería de fotos, funcionalidades de redes sociales de forma nativa y muchas otras.

Es aquí cuando Cordova viene al rescate. Cordova agarra todo el HTML, CSS, recursos y JavaScript de tu aplicación (en el caso de Ionic 2 sería tu aplicación basada en Angular 2) y lo coloca en un contenedor nativo, dependiendo de la plataforma, este puede ser iOS o Android, y provee un API de JavaScript, con el cual, desde nuestro código de la aplicación podemos acceder a las funcionalidades nativas del dispositivo.

Seguir leyendo “Cómo utilizar plugins de Cordova en Ionic 2 con Ionic Native”

Ionic 2 CLI

Nota: En este post se habla sobre el CLI de Ionic 2, como lo dice el título, ya hay una nueva versión de este CLI, les recomiendo siempre leer la documentación del CLI.

Desde hace un tiempo quería empezar a escribir posts sobre Ionic ya que he empezado a utilizarlo y quería compartir un poco lo que he aprendido y obtener retroalimentación de otros sobre cómo hacer mejor las cosas o quizás algunos tips and tricks.

Ionic es un framework de desarrollo de aplicaciones web progresivas (PWA) e híbridas basadas en Cordova o PhoneGap. En la versión 1 se utilizaba Angular 1 para desarrollar la aplicación y en la recien lanzada versión 2 se utiliza Angular 2. En estos posts vamos a utilizar la versión 2 de Ionic y Angular.

En este primer post, vamos a hacer algo sencillo, crear una nueva aplicación y ver varios comandos del CLI de Ionic 2.

Seguir leyendo “Ionic 2 CLI”