Creación de su propia aplicación móvil con Cordova

El uso de Cordova puede ser la forma más rápida para que muchos desarrolladores web comiencen a crear una aplicación móvil. Con Cordova, no necesita aprender un nuevo conjunto de lenguajes de programación, simplemente puede usar HTML, CSS y JavaScript.

Puede compilar sus códigos en numerosas plataformas móviles, incluidas iOS, Android, Windows Phone y BlackBerry utilizando la herramienta de compilación Phonegap. La pregunta ahora es «¿por dónde empezar?»

Para empezar, necesitamos crear un “Proyecto Córdoba” . Si es un desarrollador web que está interesado en crear su propia aplicación móvil , siga esta publicación. Le mostraremos la forma más rápida de iniciar un proyecto para crear una aplicación móvil con Cordova. Empecemos.

CLI de Córdoba

Cordova viene con una interfaz de línea de comandos (CLI) que incluye el comando para crear un proyecto, emular y construir la aplicación. La CLI de Cordova está disponible como paquete Node.js. Entonces tienes que instalar Node.js para poder instalarlo.

Suponiendo que lo tiene instalado en su computadora, puede escribir esta línea de comando en Terminal o Símbolo del sistema para instalar Cordova CLI.

1npm install -g cordova

Esto instalará el cordovacomando globalmente; puede acceder al comando en cualquier lugar de los directorios de su computadora. Escriba cordova -vpara obtener la versión instalada.

Crear un proyecto

Una vez que haya instalado la CLI de Cordova, comenzar un proyecto de Cordova será muy sencillo. Incluso sin estar familiarizado con las líneas de comando, esto debería ser fácil de seguir. Podemos crear un proyecto con el createcomando seguido del nombre de la carpeta del proyecto, por ejemplo:

1cordova create hongkiatcom

Este comando descargará todos los archivos necesarios, así como algunos archivos de ejemplo para ayudarnos a comenzar con el desarrollo.

Una vez creado el proyecto, ingrese al directorio del proyecto usando cd <name-of-the-project-directory>. Esta carpeta debe contener la siguiente cantidad de carpetas.

  • La carpeta hooks puede contener scripts que personalicen los comandos nativos de Cordova.
  • La carpeta de fusiones puede contener archivos HTML, CSS y JavaScript para plataformas específicas y reemplazará a los de la carpeta www al implementar la aplicación.
  • La carpeta de plataformas contendrá archivos de aplicaciones nativas cuando nuestro objetivo sea compilar para una plataforma específica.
  • La carpeta de complementos contendrá complementos que amplían Cordova.
  • La carpeta www contiene archivos web generales que se comparten entre plataformas.

Plataforma IDE

Antes de continuar, necesitaremos un IDE como Xcode para desarrollar la aplicación iOS, Android Studio para desarrollar Android y Visual Studio para Windows Phone. Como estoy usando OS X y ya tengo Xcode instalado, los usaré para agregar la plataforma iOS en mi proyecto.

Escriba el siguiente comando:

1cordova platform add ios

Como se mencionó, este comando agregará archivos nativos para crear aplicaciones para la plataforma especificada en la línea de comando. Después de ejecutar el comando anterior, debería encontrar una carpeta llamada ios que contenga .xcodeprojarchivos y un montón de otros archivos, de la siguiente manera.

Si ha agregado la plataforma Android, debe buscar una carpeta llamada android .

Agregue el proyecto en IDE (Xcode)

Ahora agregamos el directorio del proyecto al IDE, que en este caso es Xcode. Inicie Xcode. Vaya al menú Archivo> Abrir y navegue hasta el directorio de la plataforma, por ejemplo / plataformas / ios . Haga clic en Abrir para abrir la carpeta en Xcode.

Puede modificar cualquier cosa (HTML, CSS, Image y JS) dentro de la carpeta www . Cuando haya terminado, haga clic en el botón de reproducción en la parte superior izquierda de Xcode para compilar la aplicación y presentarla en iPhone Simulator.

Pensamiento final

Cordova ha hecho que la creación de una aplicación móvil sea fácil de seguir. Podemos crear una aplicación móvil como creamos un sitio web. En esta publicación, le mostramos cómo crear un proyecto Cordova y presentar la aplicación en el simulador de iOS. En realidad, hay mucho más por explorar en Córdoba. Por desgracia, espero que esta publicación pueda ayudarlo a comenzar a usar Phonegap para desarrollar aplicaciones móviles.

Deja un comentario