Apache Cordova

Arquitectura

Primeros pasos

Cordova permite crear la estructura de nuestra aplicacion mediante su CLI.

Utilizando Node.js instalamos el CLI de Cordova

npm install -g cordova

cordova create MyApp

La estructura generada sera:

> MyApp/
  -hooks/
  -platforms/
  -plugins/
  -www/
  --config.xml

Primeros pasos

Podemos agregar una o varias plataforma utilizando su CLI

cordova platform add android --save
cordova platform add ios --save
cordova platform add browser --save

Una vez terminado nuestro proyecto lo compilamos para generar el ejecutable usando su CLI

cordova build
cordova build android

Para ejecutar nuestra aplicación utilizamos el comando:

cordova run android
cordova emulate android

Config.xml

En este archivo se registran todas las configuraciones de nuestra aplicación.

<?xml version='1.0' encoding='utf-8'?>
<widget id="io.cordova.hellocordova" version="0.0.1" 
 xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
  <name>HelloCordova</name>
  <description>
      A sample Apache Cordova application that responds to the deviceready event.
  </description>
  <author email="dev@cordova.apache.org" href="http://cordova.io">
      Apache Cordova Team
  </author>
  <content src="index.html" />
  <plugin name="cordova-plugin-whitelist" spec="1" />
  <access origin="*" />
  <allow-intent href="tel:*" />
  <allow-intent href="sms:*" />
  <allow-intent href="mailto:*" />
  <platform name="android">
      <allow-intent href="market:*" />
  </platform>
  <platform name="ios">
      <allow-intent href="itms:*" />
      <allow-intent href="itms-apps:*" />
  </platform>
</widget>

Eventos

Cordova provee una serie de eventos que facilitan la interacción entre la aplicación y el dispositivo.

• deviceready
• pause
• resume
• backbutton
• menubutton
• searchbutton
• startcallbutton
• endcallbutton
• volumenupbutton
• volumendownbutton
• active

Hooks

Cordova permite ejecutar un script predefinido por el programador al momento de ejecutar un comando desde la CLI.

• before_platform_add / after_platform_add
• before_platform_rm / after_platform_rm
• before_compile / after_compile
• ​before_deploy
• before_emulate / after_emulate
• before_run / after_run

Plugins

Cordova provee de plugins que permiten la intercomunicación de nuestra aplicación con los servicios de nuestro dispositivo.

• Battery Status
• Camera
• Console
• Contacts
• Device
• Device Motion
• Device Orientation
• Dialogs
• File
• File Transfer

• Geolocation
• Globalization
• InAppBrowser
• Media
• Media Capture
• Network Information
• Splashscreen
• Vibration
• Statusbar
• Whitelist