Córdoba - Primera aplicación

Hemos entendido cómo instalar Cordova y configurar el entorno para ello. Una vez que todo esté listo, podemos crear nuestra primera aplicación híbrida de Cordova.

Paso 1: creación de la aplicación

Abra el directorio donde desea que se instale la aplicación en el símbolo del sistema. Lo crearemos en el escritorio.

C:\Users\username\Desktop>cordova 
   create CordovaProject io.cordova.hellocordova CordovaApp

  • CordovaProject es el nombre del directorio donde se crea la aplicación.

  • io.cordova.hellocordovaes el valor de dominio inverso predeterminado. Debe usar su propio valor de dominio si es posible.

  • CordovaApp es el título de su aplicación.

Paso 2: agregar plataformas

Debe abrir el directorio de su proyecto en el símbolo del sistema. En nuestro ejemplo, es elCordovaProject. Solo debe elegir las plataformas que necesita. Para poder utilizar la plataforma especificada, debe haber instalado el SDK de la plataforma específica. Dado que estamos desarrollando en Windows, podemos utilizar las siguientes plataformas. Ya hemos instalado Android SDK, por lo que solo instalaremos la plataforma Android para este tutorial.

C:\Users\username\Desktop\CordovaProject>cordova platform add android

Hay otras plataformas que se pueden utilizar en el sistema operativo Windows.

C:\Users\username\Desktop\CordovaProject>cordova platform add wp8
C:\Users\username\Desktop\CordovaProject>cordova platform add amazon-fireos
C:\Users\username\Desktop\CordovaProject>cordova platform add windows
C:\Users\username\Desktop\CordovaProject>cordova platform add blackberry10
C:\Users\username\Desktop\CordovaProject>cordova platform add firefoxos

Si está desarrollando en Mac, puede usar:

$ cordova platform add IOS
$ cordova platform add amazon-fireos
$ cordova platform add android
$ cordova platform add blackberry10
$ cordova platform add firefoxos

También puede eliminar la plataforma de su proyecto usando -

C:\Users\username\Desktop\CordovaProject>cordova platform rm android

Paso 3: construcción y ejecución

En este paso, crearemos la aplicación para una plataforma específica para que podamos ejecutarla en un dispositivo móvil o emulador.

C:\Users\username\Desktop\CordovaProject>cordova build android

Ahora podemos ejecutar nuestra aplicación. Si está usando el emulador predeterminado, debe usar:

C:\Users\username\Desktop\CordovaProject>cordova emulate android

Si desea usar el emulador externo o el dispositivo real, debe usar:

C:\Users\username\Desktop\CordovaProject>cordova run android

NOTE - Usaremos el Genymotion android emulatorya que es más rápido y responde mejor que el predeterminado. Puedes encontrar el emulador aquí . También puede utilizar un dispositivo real para realizar pruebas habilitandoUSB debuggingde las opciones y conectarlo a su computadora mediante un cable USB. Para algunos dispositivos, también necesitará instalar el controlador USB.

Una vez que ejecutemos la aplicación, la instalará en la plataforma que especificamos. Si todo está terminado sin errores, la salida debería mostrar la pantalla de inicio predeterminada de la aplicación.

En nuestro próximo tutorial, le mostraremos cómo configurar la aplicación Cordova.