Como crear una Aplicación Móvil utilizando IONIC?

logo-ionic

Para poder utilizar todas las ventajas que nos provee IONIC framework como paso previo es necesario configurar nuestro entorno de trabajo de un modo correcto y respetando todas las dependencias. Todo esto está explicado en mi anterior post Como instalar IONIC en Ubuntu 14.04 y derivados?

Una vez que tengamos nuestra plataforma preparada podemos comenzar a utilizar IONIC de modo muy sencillo a través de sus ejemplos que podemos utilizar como plantillas. Para ver un listado de todos los templates disponibles podemos hacer:

ionic templates

Podemos elegir cualquiera de los templates disponibles, para este ejemplo voy a utilizar la aplicación sidemenu que es una de las más comunmente utilizadas. Creamos nuestra app con el siguiente comando:

ionic start -a "Ejemplo 1" -i app.ejemplo.uno ejemplo1 sidemenu

De este modo se creará una nueva carpeta a través del CLI de Apache Cordova con nombre ejemplo1 utilizando el template sidemenu de IONIC.

Para probar la app que acabamos de crear, ingresamos a la carpeta ejemplo1 y simplemente hacemos:

ionic serve

Este comando ejecutará un servidor IONIC y automáticamente se abrirá una pestaña en nuestro navegador con la app recientemente creada, en este caso sidemenu.

Entre otras cosas, podemos utilizar IONIC para…

Configurar el proyecto para utilizar Sass:

ionic setup sass

Añadir una plataforma específica (iOS o Android):

ionic platform add ios [android]

Nota: Para desarrollar sobre iOS es necesario trabajar sobre OS X. no podremos hacerlo sobre Windows o Linux.

Construir nuestra app:

ionic build <PLATAFORMA>

Emular nuestra app:

ionic emulate <PLATAFORMA>

Ejecutar nuestra app en un dispositivo específico:

ionic run <PLATAFORMA>

Empaquetar nuestra app utilizando el servicio de empaquetamiento provisto por IONIC (Ionic Package Service):

ionic package <MODO> <PLATAFORMA>
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