Cómo instalar PhoneGap en Eclipse

Edgardo Fernandez . Vista 13099 veces

En la siguiente guía vamos a realizar la instalación de PhoneGap en Eclipse en unos breves pasos. Generalmente esta acción se torna complicada y su instalación y configuración nos demanda mucho tiempo. Pero en esta guía lo vamos a realizar de forma práctica y efectiva. La instalación de PhoneGap en Eclipse nos va a otorgar un entorno para desarrollar aplicaciones para dispositivos móviles y con aplicaciones gratuitas. 


  • Vamos a necesitar varias herramientas para la buena configuración de PhoneGap. Primero tenemos que instalar Eclipse, luego descargarnos el SDK de Android. Este último, si vienes siguiendo la anterior guía de Android, ya dispondrás de él.

    • Eclipse (Recomendamos INDIGO) Eclipse (Recomendamos INDIGO)
    • SDK SDK

    Una vez que tienes todo descargado comencemos con la instalación y configuración, lo primero que tenemos que hacer es ejecutar Eclipse.

    Ejecutar Eclipse Ejecutar Eclipse

    Ahora nos dirigimos al menú superior “Help”, “Install New Software”.

    Install New Software Install New Software

    En este punto instalaremos el ADT de Android y todas sus herramientas. Pinchamos en “Add”, le colocamos un nombre y la localización que es la siguiente: https://dl-ssl.google.com/android/eclipse/

    En este punto instalaremos el ADT de Android y todas sus herramientas En este punto instalaremos el ADT de Android y todas sus herramientas

    Nos aparecerán las herramientas a instalar.

    Nos aparecerán las herramientas a instalar. Nos aparecerán las herramientas a instalar.

    Las seleccionamos y pinchamos en “Next”, luego aceptas las condiciones y se instalarán las herramientas. Esto puede tardar unos minutos.

    • Next Next
    • Aceptas las condiciones Aceptas las condiciones
    Esto puede tardar unos minutos Esto puede tardar unos minutos

    Cuando termine la instalación solo tienes que reiniciar Eclipse, si en el transcurso de la instalación se abre una ventana de error pinchas en “OK”; también el Firewall detectará la aplicación y te pedirá permiso para continuar con la instalación.

    Reiniciar Eclipse Reiniciar Eclipse

    Al reiniciar la aplicación observarás unos iconos extras en la parte superior de la aplicación.

    Al reiniciar la aplicación observarás unos iconos extras Al reiniciar la aplicación observarás unos iconos extras

    En los nuevos iconos observarás tanto el “Android SDK Manager” como el “Android Virtual Device Manager”.  Estas herramientas las desarrollamos en la guía anterior que son las que nos sirven para programar aplicaciones en Android.

    Android SDK Manager Android SDK Manager

    Ya tenemos Eclipse configurado para desarrollar aplicaciones para dispositivos móviles. Ahora vamos a instalar PhoneGap de forma sencilla. Pinchas en “Help”, “Install New Software” y colocas en “location” la siguiente ruta: http://svn.codespot.com/a/eclipselabs.org/mobile-web-development-with-phonegap/tags/r1.2/download

    Install New Software Install New Software

    Ahora tienes que seguir los mismos pasos que en la instalación del ADT.

    • Next Next
    • Instalando Instalando

    Reinicias la aplicación.

    Reinicias la aplicación Reinicias la aplicación

    Ya tenemos instalado PhoneGap en Eclipse y podemos ver el nuevo icono para crear un nuevo proyecto de PhoneGap.

    Ya tenemos instalado PhoneGap en Eclipse Ya tenemos instalado PhoneGap en Eclipse

    Si pinchas en el icono de “PhoneGap”, te pedirá instalar jQuery Mobile o  bien Sencha Touch. En este caso elegimos jQuery Mobile y lo instalamos.

    • jQuery Mobile jQuery Mobile
    • Proyecto Proyecto
    Configuración Configuración

    Hemos creado la nueva aplicación que cuenta con los setting, jQuery y todos los archivos necesarios para desarrollarla.

    Sitio Oficial:  Eclipse Sitio Oficial:  Developer Android

¿Y tú, qué opinas?

  • #1 Juan
    Juan martes, 29 de enero de 2013, 16:13

    Esto mismo pero para iOS en windows no se puede no ?

    Responder >> Attention Minus Plus Votos: 0 de 0
  • #2 Elvis
    Elvis martes, 29 de enero de 2013, 18:14

    #1 acá te paso un link con información muy útil.
    http://goo.gl/j9MML

    Con respecto al artículo excelente, esperamos más artículos.

    Responder >> Attention Minus Plus Votos: 5 de 7
  • #3 Andres
    Andres martes, 29 de enero de 2013, 19:32

    #1 el desarrollo de la aplicacion se la hace en eclipse, pero ya el deployarla para iOS la tienes que haces usando otras herramientas, como xcode...

    Responder >> Attention Minus Plus Votos: 0 de 0
  • #4 rogerio
    rogerio martes, 29 de enero de 2013, 21:44

    yo tengo la version june de eclipse, me salta error al 48% de la instalacion, y creo que esta es para la version indigo
    Alguna sugerencia?

    Responder >> Attention Minus Plus Votos: -2 de 2
  • #5 <a href="../../foro/member.php?u=60038" target="_self">editronikx</a>
    editronikx miércoles, 30 de enero de 2013, 00:28

    excelente tutorial, en lo personal no soy perito en java pero me gusta el desarrollo de aplicaciones para móviles y para aquellos que deseen complementar sus conocimientos en Phonegap les dejo un buen tutorial de complemento para aquellos que quieran hacer una aplicaion sin saber java
    http://www.video2brain.com/mx/cursos/mi-primera-app-para-android

    pueden descargar el totorial de una hora y enterarse un poco mas de que maravillas hace Phonegap y para los que saben java sera un complemento.

    gracias por el totorial esta muy completo y versatil

    Responder >> Attention Minus Plus Votos: 2 de 4
  • #6 chaqui
    chaqui miércoles, 30 de enero de 2013, 06:13

    lo probe y esta bueno :P

    Responder >> Attention Minus Plus Votos: 0 de 0
  • #8 dddd
    dddd miércoles, 15 de mayo de 2013, 05:24

    te daba un beso si fuera gay

    Responder >> Attention Minus Plus Votos: 0 de 0
  • Cargando...Cargando...

  • nuevo comentario
    Nombre

    Campo obligatorio

    Email

    Escriba una dirección de correo electrónico con el formato sunombre@ejemplo.com.

    Campo obligatorio

 
Ir arriba