DesarrolloLibre

Desarrollo Web, Android, juegos y mucho más

Categorias
27-01-2017

Adobe PhoneGap es un framework para aplicaciones móviles propiedad de Adobe con el cual podemos emplear herramientas web como lo son HTML, CSS y JavaScript junto con todo su ecosistema para crear aplicaciones híbridas, que si bien no son nativas para Android, IOS y Windows Phone (ya que son páginas web renderizadas por ejemplo con Webview como en el caso de Android) tampoco son aplicaciones web ya que las mismas son empaquetadas para cada Sistema Operativo (apk en el caso de Android) desde un procesador en la plataforma de Adobe.

En esta entrada veremos como instalar el ambiente de desarrollo de Adobe PhoneGap Windows su instalador para móviles la cual se encuentra disponible para IOS, Windows Phone y por supuesto Android.

Los pasos para instalar Adobe PhoneGap están muy bien señalados en la página oficial de Adobe PhoneGap en Get Started; primero debemos instalar el ambiente de desarrollo de Adobe PhoneGap para Mac o Windows, para Windows el cual es un simple exe que practicamente se instala solo.

Inclusive podemos instalar Adobe PhoneGap vía Node.js si lo prefieres...

Una vez instalado el Adobe PhoneGap en nuestra PC ejecutamos la aplicación:

Phonegap lanzador

Y veremos una pantalla como esta:

Phonegap aplicación

Creamos el proyecto presionando sobre un más y luego "Create new PhoneGap project...":

Phonegap crear proyecto

Introducimos los datos básicos de nuestro proyecto como ubicación y nombre:

Phonegap crear proyecto datos

Y con esto tenemos nuestro proyecto listo para trabajar con él; para ver el fuente y abrirlo en nuestro IDE favorito tenemos que ir a la ubicación de nuestro proyecto sobre la carpeta www; en mi caso sería:

C:\Users\andre\Documents\phonegap\Prueba\www

Y es allí que debemos agregar nuestro plugins, JavaScript, CSS, imágenes y demás archivos de nuestro proyecto.

Si nos vamos a una dirección atras C:\Users\andre\Documents\phonegap\Prueba veremos otros elementos del proyecto como los plugins y la carpeta platforms en donde se genera nuestro proyecto al momento de ejecutarlo; finalmente ejecutamos nuestro proyecto presionando sobre:

Phonegap ejecutar aplicación

Y nos dará una dirección IP que debemos configurar en nuestro móvil:

Phonegap ip aplicación

Ahora desde nuestro Android tenemos que ir a la Google Play en la siguiente dirección:

PhoneGap Developer

O buscar "PhoneGap Developer" en la Google Play e instalar en nuestro dispositivo; una vez realizado esto configuramos la IP anterior y vemos nuestra aplicación en nuestro Android y podemos empezar a trabajar en nuestro proyecto PhoneGap:

Phonegap android app

Publicidad

Give me for a beer!

Algunos recursos que te pueden interesar

Loader Battlenet

Loader Battlenet

Corazón con CSS

Corazón con CSS

Eye Candy

Eye Candy

Algunos artículos que te pueden interesar

Cómo emplear la cámara y la galería con Phonegap

Cómo emplear la cámara y la galería con Phonegap

Se explica emplear la cámara de un dispositivo con PhoneGap y además cómo seleccionar una foto o imagen que tengamos en nuestro dispositivo empleando la galería con JavaScript.

Andrés Cruz 24-04-2017

El elemento dialog (diálogo) en HTML5

El elemento dialog (diálogo) en HTML5

El elemento <dialog> (diálogo) define una caja de diálogo o simplemente una nueva ventana.

Andrés Cruz 20-11-2014

Cómo crear anillos de circulos en JavaScript y Canvas

Cómo crear anillos de circulos en JavaScript y Canvas

En esta entrada veremos cómo crear un sistema sencillo de anillos de círculos con Canvas y JavaScript; para esto se hará uso de la función requestAnimationFrame() y animar el Canvas.

Andrés Cruz 16-11-2015