Instalación del Plugin de PhoneGap en Eclipse

Phonegap es un framework que recientemente fue adquirido por Adobe. Estuvimos probando este Framework en la version 0.9 con IOS y funcionaba bastante bien, el proyecto es puro HTML / Javascript y se puede fácilmente usar librerías como JQuery adentro de Aplicaciones Nativas.

La gran característica de Phonegap es ser Cross-Platform esto permite facilmente poder usar Librerías de Javascript. Es compatible con dispositivos IOS, Android, Blackberry, Windows Phone Mango y, aunque no lo he probado, támbien para Symbian y PalmOS..

PhoneGap tiene ahora un gran potencial con JQuery Mobile, y librerías como el Plugin de Phonegap para Facebook

Aqui les muestro los pasos a seguir para completar la instalación del plugin de PhoneGap para Android en Eclipse en la version 1.2

– Antes que nada descomprimir el SDK / AVD desde la página del Android SDK y luego ejecutar el AVD ( SDK Manager.exe en Windows ).

En mac os ejecutar en el shell

    tools/android update sdk --no-ui

Luego abrimos el eclipse y se instala el plugin ADT de Android

Ahora sí se puede instalar el plugin de Phonegap. Abrir Add / Install Software en Eclipse

Y poner la dirección URL del repositorio de Phonegap. Eclipse va a buscar cual plugin instalar.

el repositorio donde se encuentra la última version del plugin:
http://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/r1.2.4/download/
[UPDATE 05/02/2013]
La direccion url del plugin de Phonegap ha cambiado, esta es la correcta:

http://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/r1.2/download/

Pegamos esta url en la ventana de “add repository”.

Se reinicia el Eclipse, y ya tenemos nuestro Plugin instalado. Podemos empezar a crear un nuevo proyecto.

Una vez creado en la lista de los archivos tenemos a disposicion un Activity en Java que lo que hace es llamar al index.html de la carpeta www en assets. Podemos hacer que el java se comunique directamente con nuestra Activity.

Ahora si miramos la carpeta www tenemos a nuestra disposición un index.html, y una carpeta imagenes donde están nuestros iconos para exportar nuestra aplicación, también se encuentran las librerías necesarias para nuestro proyecto que son JQuery mobile y un main.js dónde ya podemos empezar nuestro proyecto en javascript.

Para exportar y ver nuestro proyecto simplemente hacer click sobre la carpeta del proyecto, y usar el comando Run. El eclipse llama a nuestro AVD donde vamos a seleccionar nuestro dispositivo de Prueba. Luego compila nuestro proyecto en Javascript en un APK para Android y lo instala en el dispositivo iniciado. Hasta este punto llegamos, y estén pendientes de más información al respeto.


papachan

papachan

Consultor IT y desarollador Java de aplicaciones Móviles sobre la plataforma Android, actualmente reside en Bogota Colombia. Con una experiencia en desarrollo internet de +10 años, se ha involucrado como desarollador senior en varias empresas de desarrollos y servicios en Internet. Ahora es desarrollador Android en Tappsi.co
papachan
papachan

About papachan

Consultor IT y desarollador Java de aplicaciones Móviles sobre la plataforma Android, actualmente reside en Bogota Colombia. Con una experiencia en desarrollo internet de +10 años, se ha involucrado como desarollador senior en varias empresas de desarrollos y servicios en Internet. Ahora es desarrollador Android en Tappsi.co
This entry was posted in Android, Phonegap. Bookmark the permalink.

21 Respuestas a “Instalación del Plugin de PhoneGap en Eclipse”

  1. […] En el caso de Android, es interesante ver que otros lenguajes puedan generar aplicaciones como en nuestro ejemplo anterior usando un simple javascript con la ayuda del plugin phonegap. […]

  2. Larry dice:

    Gracias. Slds.

  3. Ernesto dice:

    Gracias. Estoy en mis primeros pasos con phonegap y me sirvió la guía de instalación.

  4. Alberto dice:

    Hola, tengo un problema, y lo que pasa es que he seguido todos los pasos y todo bien, pero cuando he reiniciado eclipse, éste ya no me arranca.

    • papachan dice:

      El eclipse no te arranca? esto es tipico de Eclipse. Tenes que ver si lo podes ejecutar en “clean mode” o sino limpiar tu workspace settings. hay varias soluciones en la web

      • Alberto dice:

        Gracias por responder, pero lo de clean ya lo he intentado y sigue igual y lo de workspace settings no encuentro nada en google,
        Sí me lo puedes aclarar un poco te lo agradezco.

  5. miguel dice:

    Muy Bien! Creo que esto es lo que buscada pero ahora como podria trabajar llamando a una libreria javascript tipo Openlayers?
    Me vendria muy bien ya que tengo que hacer un proyecto en eclipse con android sdk y utilizando openlayers.

    Un saludo y gracias por todo!

  6. junior dice:

    como puedo instalar la versión mas actualizada da phonegap? esa que tu nos muestras no lo es verdad ?

  7. Gustavo dice:

    Url del plugin de eclipse Actualizado
    http://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/trunk/download/

    Dado que es la misma url pero apuntando al trunk rama estable

  8. sonia dice:

    Hola!
    Ya hice todos los pasos de la instalación de phonegap, elipse, android-sdk de como 10 sitios y no logro poder ver nada en el emulador si que me mande un montón de errores. Me podrían recomendar que versión de phonegap usar y con que configuración de AVD comenzar ?

  9. manuel dice:

    Cuando quiero cargar el plugin del eclipse se queda en 48% de ahi ya no avanza! ¿Que puedo hacer?

  10. juan dice:

    no avanza la descarga que hago¡?

Deja un comentario

  • Facebook AndroidCol