Pasar al contenido principal
Loading...

Instalación y levantamiento de los servicios de PhoneGap sobre Windows

Miembro durante

11 meses 3 semanas
Yen Shun Wang
Enviado por yen.shun el Jue, 05/12/2016 - 12:14
phonegap
Categoría

En este apartado se explicará todo lo necesario para el desarrollo de un aplicativo móvil a través del phonegap en sistemas operativos Windows/Android.

Para comprender todo, primero hay que preguntarse, ¿Qué es Phonegap ?

Pues Phonegap permite empaquetar aplicaciones HTML5 de una forma que puedan ser usadas como aplicaciones para móviles o aplicaciones web.

PhoneGap nos permite llevar el desarrollo para la web al mundo de los dispositivos móviles. Nos permite ejecutar aplicaciones desarrolladas con HTML, CSS y Javascript como si fueran aplicaciones nativas para los teléfonos móviles o tablets. Las aplicaciones que podemos desarrollar con PhoneGap se pueden publicar en las tiendas de aplicaciones como (Google Play, Windows Store o App Store) y, al igual que las aplicaciones nativas, también son capaces de acceder a los periféricos de los dispositivos como la cámara.

 

Instalación de phonegap en sistemas operativos windows

Se listará los componentes necesarios para implementar una aplicación android con los paquetes de phonegap en windows.

     1. Android Studio que incluya Android SDK (Ir a la página)
     2. Node.js (Ir a la página)
     3. JDK (Ir a la página)
     4. Apache Ant (Ir a la página)

Pasos para levantar el ambiente de trabajo

1. Instalar y setear la variable de entorno del JDK. 
         

Una vez instalado el JDK se debe setear las dos variables, JAVA_HOME y en PATH
 En JAVA_HOME se asigna la ruta de la carpeta donde se instaló el JDK. Ejemplo (C:\Program Files\Java\jdk1.8.0_91)
 En PATH se asigna la ruta de carpeta bin donde se instaló el JDK. Ejemplo (C:\Program Files\Java\jdk1.8.0_91\bin)
     
2. Instalar Android Studio, se debe asignar las variables de entorno para las herramientas de platform-tools y tools 

Una vez instalado, se debe setear las variables de entorno de platform-toolstools del SDK del Android Studio, con esto tenemos las funciones del ADB.
También se debe setear la variable de ANDROID_HOME del cuál apuntará al directorio del SDK. Ejemplo (C:\Users\user_example\AppData\Local\Android\sdk)
 Los platform-tools y tools se setean en el variable de entorno PATH apuntando sus respectivas rutas.
 Ejemplo (C:\Users\user_example\AppData\Local\Android\sdk\platform-tools)
 Ejemplo (C:\Users\user_example\AppData\Local\Android\sdk\tools)

 3. Instalar Node.js y setear la variable de entorno 

 Una vez instalado el Node.js , setear la variable de entorno PATH la ruta del node.js (C:\Program Files\nodejs)
 Al instalar esto, nos permite ejecutar el comando npm del cual se usará posteriormente para descargar e instalar phonegap

4. Descargar el Apache Ant y fijar la variable de entorno ANT_HOME
    
 
Una vez descargado el archivo, descomprimir
 Setear la variable ANT_HOME la ruta de la carpeta ant. Ejemplo (C:\apache-ant-1.9.7)
 Setear en la variable PATH la ruta del ant/bin. Ejemplo (C:\apache-ant-1.9.7/bin)
 Ant es una librería de Java que permite manejar los procesos en la construcción de archivos.

5. Instalar Phonegap

Correr el comando npm install -g phonegap
Si da mensajes de error, correr el cmd como Administrador.

Observaciones: Una vez fijadas las variables de entorno, para que surja efecto, se debe reiniciar el ordenador.

¿Cómo funciona Phonegap?

Phonegap permite conectar un dispositivo móvil con nuestra aplicación web mediante dos componentes principales:
 

 - Webview

 - Plugins

Webview

Básicamente es una instancia del navegador del dispositivo móvil.
No posee una interfaz de usuario, lo que sí posee son los motores de renderizado y javascript.

Plugins

Un plugin de Phonegap es el puente entre la aplicación web y el dispositivo móvil.
Se compone de dos partes: la implementación nativa y la implementación Javascript.

 

Español

Desarrollo Web
Diseño Gráfico
Soporte Web
Estrategias Web