Manual Phonegap

Manual de instalación de Phonegap en Windows
Descargar e instalar NodeJS
1. Vaya al sitio de NodeJS y haga clic en el botón de la versión LTS, que descargará el instalador de NodeJS.
2. Inicie el instalador y siga los pasos para instalar NodeJS.
Instalar cordova
Instale el módulo cordova utilizando el manejador de paquetes de Node.js npm. El módulo cordova sera
descargado automáticamente por npm.
npm install -g cordova
Instalar Phonegap
CLI
La CLI de PhoneGap proporciona una interfaz de línea de comandos para crear aplicaciones PhoneGap como
alternativa al uso de la aplicación de escritorio PhoneGap para aquellos que prefieren trabajar en la línea de
comandos. PhoneGap CLI actualmente tiene algunas características adicionales sobre PhoneGap Desktop para
construir, ejecutar y empaquetar sus aplicaciones PhoneGap en múltiples plataformas.
Instale la CLI de PhoneGap a través de npm con el siguiente comando desde la aplicación Terminal (unix) o el
Símbolo del sistema (Win).
npm install -g phonegap@latest
Desktop App
La aplicación PhoneGap Desktop proporciona una interfaz de arrastrar y soltar para crear aplicaciones PhoneGap.
Es una alternativa al uso de PhoneGap CLI creado para aquellos que prefieren una interfaz de usuario visual en
lugar de un enfoque de interfaz de línea de comando.
1. Vaya al sitio de Phonegap y haga click en el enlace "Windows Installer", que descargará el instalador de
Phonegap.
2. Inicie el instalador y siga los pasos para instalar Phonegap.
Descargar e instalar el Java JDK
1. Vaya al sitio de Oracle y acepte los términos y condiciones.
2. Inicie el instalador y siga los pasos para instalar JDK de java.
Actualizar variables de entorno
1. Primero buscamos las variables de entorno:
2. Damos click a nuevo, luego creamos la variable de entorno JAVA_HOME, buscamos en que carpeta se
instaló el JDK
3. Buscamos la variable de entorno path, la seleccionamos y damos click en editar
4. Damos click a nuevo, y agregamos lo siguiente %JAVA_HOME%\bin
5. Verificamos instalación
Instalar Apache Ant
1. Escoger una versión y descargarla, en este caso se descargó la versión 1.10.7 .zip
2. Descomprimir él .zip en la ubicación de su preferencia
3. Luego crear la variable de entorno ANT_HOME
4. Luego editar la variable path y agregar %ANT_HOME\bin
Descargar e instalar Android SDK
1. Vaya al sitio de Android y haga clic en el botón de descarga, que descargará el instalador de android
studio.
2. Inicie el instalador y siga los pasos para instalar Android Studio.
3. Cuando termine la instalación, le aparecerá lo siguiente:
Dar click en configure, luego en SDK.
4. La siguiente pantalla nos muestra las versiones de SDK que tenemos instaladas y las que podemos instalar,
en mi caso tengo la API 29
Instalar PhoneGap Developer
1. Localice la aplicación gratuita PhoneGap Developer de uno de los siguientes mercados de aplicaciones
compatibles e instálela en su dispositivo móvil, por ejemplo, en android buscar en Google Play.
2. Una vez instalado, toque el ícono de la aplicación PhoneGap Developer desde su pantalla de inicio para
abrirlo:
Ejemplo con Phonegap
Vamos a crear un pequeño ejemplo en Phonegap
Para crear un proyecto abrir una consola y poner lo siguiente:
phonegap create <nombre carpeta> --id "org.myapp.sample" --name "appSample"
En mi caso lo realice así:
phonegap create helloworld-phonegap --id "com.neftxx.helloworld" --name "HelloWorld"
cd helloworld-phonegap/
Abrir el proyecto en tu editor favorito.
Luego escribir lo siguiente en la consola:
cordova platform add android
El comando anterior instalara todos lo plugins que se encuentran indicados en el archivo config.xml
El siguiente comando copia los archivos de la carpeta www/ a la carpeta plataforms/
phonegap prepare android
El siguiente comando verifica que todos los archivos no contengan ningún error.
phonegap compile android
Para visualizar nuestro proyecto, escribiremos el siguiente comando
phonegap serve
Nota: recordar tener instalado PhoneGap Developer en tu celular para poder visualizar la aplicación.