Ejemplo - Crear nuestra primera aplicación

Una vez instalado Node.Js y PhoneGap ya podemos crear nuestra primera aplicación. Para ello, y como se ha visto en secciones anteriores, tendríamos que ejecutar:

$ phonegap create myapp com.example.myapp HelloWorld

Este comando creará una carpeta llamada myapp con las subcarpetas: hooks, platforms, plugings y www. La carpeta www es la que contendrá el código fuente de nuestra aplicación web, la cual por defecto incluye una aplicación "Hola Mundo" de ejemplo con las subcarpetas css, js e img con los recursos correspondientes. El nombre de estas carpetas y código son los que se utilizan de forma común en el desarrollo web, pero se pueden modificar como queramos.

Es importante destacar que todo el contenido que se incluya dentro de la carpeta www se copiarán dentro de las aplicaciones que se generen para cada plataforma.

La carpeta y html llamados "spec" se utilizan para realizar pruebas unitarias a nuestro código Javascript mediante el Framework Jasmine, por lo que si no lo vamos a utilizar se pueden eliminar sin problemas.

El archivo "index.html" es el que se abrirá por defecto al iniciar nuestra aplicación. Este archivo, al igual que el resto de contenidos, se pueden modificar como queramos, incluso el nombre del html inicial siempre que lo indiquemos en el fichero de configuración "config.xml".

Para el desarrollo de nuestra aplicación lo podemos realizar en HTML nativo (con funcionalidades de HTML5, CSS3, JavaScript, etc.), pero también podemos utilizar algunos de los frameworks existentes para el desarrollo de aplicaciones web para móviles, como por ejemplo:

Además, para completar el desarrollo de nuestra aplicación podemos utilizar la gestión de eventos que incorpora PhoneGap mediante su librería JavaScript o un gran número de plugins para acceder a las características nativas de los dispositivos móviles, como por ejemplo la cámara, la geolocalización, etc. Estas características se abordarán en el siguiente apartado.