Instalación de Phonegap Cordova en Windows


120

La documentación para phonegap / cordova es absolutamente horrible. Todo lo que intento hacer es instalar PhoneGap 3.0 en mi entorno Windows, pero no tengo éxito.

A continuación se muestran mis pasos y puntos de falla. ¿Alguien puede asesorar sobre soluciones?

Según las instrucciones :

  1. Instalar Node.js (EXITOSO)
  2. Desde nodes.js: install -g cordova(EXITOSO)
  3. Agregar plataforma: cordova platform add wp8(NADA SUCEDE)
  4. Pruebe con phonegap: phonegap install wp8(no se pudo encontrar el directorio del proyecto ERROR)

De la " Guía de la plataforma Windows Phone 8 "

  1. Instalar Windows SDK (EXITOSO)
  2. "Descargue y extraiga la última copia de [PhoneGap. Estará trabajando en la subcarpeta lib \ windows-phone-8 \ wp8, lib \ windows-phone-8 \ wp7 contiene la versión Windwos Phone 7 de Cordova"

¡¿HUH?!?! ¿En qué ubicación está el directorio?!?! Así que encontré el directorio phonegap indocumentado enterrado en AppData \ Local ... y HAY un directorio libs pero ciertamente NO hay subcarpetas WP8. ¿De dónde se instalaría eso? Presumiblemente, el comando agregar plataforma anterior, pero agregarlo simplemente me devuelve a un nuevo símbolo del sistema.

Intenté usar el comando phonegap: phonegap plaform add wp8

ERROR - 'platform add wp8 "no es un nodo.

Obtengo su código abierto, pero esta es una documentación de referencia de espagueti brutal. Si alguien ha podido instalar con éxito 3.0 para WP8, cualquier sugerencia sería de ayuda.


Menciona que debe crear la aplicación cordova create hello com.example.hello HelloWorlden el directorio en el que desea que esté el código y luego ejecutarlo cordova platform add wp8en el directorio del proyecto que acaba de crear.
dfockler

5
No podría estar más de acuerdo, acabo de perder 6 horas de mi fin de semana tratando de que funcione también. Lo he usado en el pasado y configurarlo entonces no fue nada difícil, pero la 'nueva mejora' La forma de hacer las cosas con cli simplemente no funciona con las instrucciones proporcionadas. La primera parte le dice que instale y use el comando phonegap y luego pase a la sección de Android y cambie a usar el comando cordova. Qué desastre tan frustrante, nunca descubrí cómo hacer que reconociera la plataforma Android a pesar de que el sdk estaba instalado en mi máquina.
Jay13

7
La calidad de la escritura no me molesta tanto como el hecho de que los documentos nunca parecen haber sido probados y simplemente están equivocados.
Erik Reppen

3
También parece que la documentación es contradictoria en algunos lugares. En una página dice hacerlo de una manera y en otra describe un enfoque completamente diferente. Tuve cosas buenas con la parte de extensión Phonegap de mis herramientas de desarrollo de Android como un botón (en Eclipse). Ahora, después de actualizar el ADT, desaparecerá. Ejecuté la plataforma phonegap para agregar Android y no sucedió nada como antes con wp8. ¿Por qué no podemos descargarlo como zip? ¿O usar git clone?
Bruce Whealton

Escribí un artículo que proporciona instrucciones paso a paso sobre cómo instalar phonegap. Está diseñado para dispositivos Android, pero la única diferencia debería ser la parte del SDK de Windows / Android: kapitanh.blogspot.de/2014/02/native-android-apps-with.html
Kai Hartmann

Respuestas:


131

Después de horas de frustración ... esto es lo que descubrí.

  1. Ignore la documentación de instalación y toda la línea de comandos, cosas de node.js (en serio, perderá horas en esto.
  2. Vaya a github y simplemente descargue el .zip maestro de PhoneGap
  3. En ese zip están los archivos de proyecto para la plataforma de Windows Phone, etc. ... solo use esas plantillas.

No sé cómo un proceso tan sencillo podría tener peor documentación. Es como si estuviera escrito por abogados.


7
El uso de la documentación le habría permitido tener una wwwcarpeta "global" para todas las plataformas.
Justin D.

3
Gracias por esto, me salvó un montón de molestias, estoy seguro. Además, este es un excelente recurso para cualquiera que configure Phonegap para Android: enlace
Oliver Holmberg

¿En serio? ¿Esto es en serio? No sé si estar realmente enojado o muy feliz. ¿Podré agregar complementos sin la línea de comandos también? ¿Y esto sigue siendo válido para Phonegap 3.0 muy diferente?
Wytze

Frigon, su descripción es excelente, pero debe mencionar que createTemplates.bat debe ejecutarse para generar los archivos zip que se copiarán en la carpeta de plantillas.
Hexodus

Hexodus, no parece que este paso esté documentado en ninguna parte, o al menos no está muy claro en absoluto. Como se puede imaginar, comenzar en una página ejecutando un comando cordova y luego ser llevado a otra página que dice use phonegap, ¿o es al revés ?, es muy confuso. Oliver, tu enlace es genial, la página es muy clara. Pero casi pasé por alto el enlace. Empecé a pensar, "¿qué es un recurso excelente?" Luego me topé con el enlace y encontré el excelente recurso. Respetuosamente, sugiero que todo, desde un excelente recurso hasta el enlace, sea el enlace, en mi humilde opinión.
Bruce Whealton

54

Enfrenté el mismo problema y luché durante una hora para pasar leyendo los documentos y los otros problemas informados en Stack Overflow, pero no encontré ninguna respuesta. Entonces, aquí está la guía para ejecutar con éxito phonegap / cordova en Windows Machine.

Sigue estos pasos

  1. Descargue e instale node.js desde http://nodejs.org/
  2. Ejecute el comando npm install -g phonegap(en caso de instalación de phonegap) o ejecute el comando npm install -g cordova(en caso de instalación de Cordova).
  3. A medida que se completa la instalación, puede notar esto:

    C: \ Users \ binaryuser \ AppData \ Roaming \ npm \ cordova -> C: \ Users \ binaryuser \ AppData \ Roaming \ npm \ node_modules \ cordova \ bin \ cordova
    cordova@3.0.9 C: \ Users \ binaryuser \ AppData \ Roaming \ npm \ node_modules \ cordova
    ├── ncallbacks@1.0.0
    ├── open@0.0.3
    ├── colors@0.6.2
    ├── semver@1.1.0
    ├── shelljs@0.1.2
    ├── follow-redirects@0.0.3 (subrayado@1.5.2)
    ├── elementtree@0.1.3 (sax@0.3.5)
    ├── optimist@0.6.0 (wordwrap@0.0.2, minimist@0.0.2)
    ├── xcode@0.5.1 (node-uuid@1.3.3, pegjs@0.6.2)
    ├── glob@3.2.6 (hereda@2.0.1, minimatch@0.2.12)
    ├── plist@0.4.3 (xmlbuilder@0.4.2, xmldom@0.1.16)
    ├── tar@0.1.18 (hereda@2.0.1, block-stream@0.0.7, fstream@0.1.24)
    ├── prompt@0.2.7 (revalidator@0.1.5, pkginfo@0.3.0, read@1.0.5, utile@0.1.7, winston@0.6.2)
    ├── request@2.22.0 (json-stringify-safe@4.0.0, aws-sign@0.3.0, qs@0.6.5, oauth-sign@0.3.0, forever-agent@0.5.0, cookie -jar@0.3.0, tunnel-agent@0.3.0, mime@1.2.11, node-uuid@1.4.1, http-signature@0.10.0, hawk@0.13.1, form-data@0.0.8 )
    ├── express@3.0.0 (métodos@0.0.1, fresh@0.1.0, range-parser@0.0.4, crc@0.2.0, cookie@0.0.4, commander@0.6.1, debug@0.7 .2, mkdirp@0.3.3, enviar@0.1.0, connect@2.6.0)
    ├── ripple-emulator@0.9.18 (connect-xcors@0.5.2, colors@0.6.0-1, Accounting@0.3.2, request@2.12.0, moment@1.7.2, express@3.1.0 )
    ├── npm@1.3.11
    └── plugman@0.11.0 (ncallbacks@1.1.0, osenv@0.0.3, bplist-parser@0.0.4, underscore@1.4.4, semver@2.0.11, dep-graph@1.1.0, elementtree @ 0.1.5, xcode@0.6.1, nopt@1.0.10, rc@0.3.0, tar.gz@0.1.1, npm@1.3.4)
    
  4. Observe que en la línea anterior puede ver la ruta donde se menciona el archivo. Copia ese camino. En mi caso es C:\Users\binaryuser\AppData\Roaming\npm\cordovatan uso cd C:\Users\binaryuser\AppData\Roaming\npm\y tipo cordova. Ahí está, finalmente funciona.

  5. Dado que el -gvalor clave no funciona, ha establecido la ruta de Variables de entorno:
    1. Presione Win+ Pause|Breako haga clic derecho Computery elija Properties.
    2. Haga clic Advanced system settingsa la izquierda.
    3. Haga clic Environment Variablesdebajo de la Advancedpestaña.
    4. Seleccione la PATHvariable y haga clic Edit.
    5. Copie la ruta mencionada anteriormente en el campo de valor y presione OK.

7
También tenga en cuenta que si instala node.js como administrador, y su usuario tiene derechos limitados en Active Directory, debe ejecutar "npm install -g phonegap" como su usuario y no como administrador, o de lo contrario los archivos se crearán bajo el administrador carpeta de itinerancia y su usuario no tendrá acceso a ellos. Puede "desinstalar npm phonegap" en el administrador y volver a instalarlo como su usuario en ese caso.
vicenteherrera

1
Tenga en cuenta que debe usar Node.js command prompt, no el cmd.exe integrado de Windows
cargado el

2
@gotnull Apoyo tu moción.
Jay Jay Jay

2
Cuando intenté usar el símbolo del sistema de node.js, se me dio un error que me indicó que usara el terminal del sistema. Esto es para Node.js v0.10.26.
John Macon

Esta respuesta dice exactamente qué hay en las instrucciones oficiales, que funciona, pero no responde a la parte de las plantillas de wp8. La carpeta wp8 ni el archivo createTemplates.bat no se pueden encontrar al instalar cordova / phonegap con npm, que es principalmente el punto de la pregunta.
Matthieu Harlé

18

Esta respuesta se publicó por primera vez aquí: cordova / phonegap no crea el directorio de Android

Con el lanzamiento de Cordova 3.3.0, parece que el equipo de PhoneGap está tratando de abordar la confusión de nombres. La documentación se ha actualizado para recomendar a las personas que usen el cordovacomando en su lugar. No use más el phonegapcomando.

Aquí hay una nueva guía de instalación para una configuración garantizada sin problemas:

  1. Instale Cordova (olvide el nombre PhoneGap a partir de ahora). Para PC:

    C:> npm install -g cordova

  2. Desde el símbolo del sistema, navegue hasta la carpeta en la que desea crear su proyecto usando:

    cordova crea hola com.example.hello HelloWorld
    cd hola

  3. Defina el sistema operativo que desea admitir, por ejemplo:

    plataforma cordova agregar wp8

  4. Instale complementos (si es necesario). Por ejemplo, queremos lo siguiente:

    complemento de cordova agregar org.apache.cordova.device
    complemento de cordova agregar org.apache.cordova.camera
    complemento de cordova agregar org.apache.cordova.media-capture
    complemento cordova agregar org.apache.cordova.media
    

  5. Finalmente, genere la aplicación usando:
    cordova build wp8

Aquí hay un enlace a la documentación de PhoneGap Cordova 3.3.0 http://docs.phonegap.com/en/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface


1
Además, ¿consiguió que funcionara el comando de compilación? Puedo compilar en Visual Studio pero no desde la línea de comandos. Error: D:\Project1\platforms\wp8\cordova\lib\build.js(56, 5) WshShell.Exec: The system cannot find the file specified.no estoy seguro de qué archivo está buscando.
Atlantis

1
En la línea 56 lo encontrará Log("Command: " + command);comentado. Al eliminar el comentario, se imprimirá commandy sabrá qué archivo está buscando.
Edward Grech

En el paso 2, creo que debería ser "cd hello", en lugar de "cd HelloWorld".
Jarnal

6

También me enfrenté a este mismo error. E incluso intenté descargar el maestro PhoneGap de GitHub, pero descubrí que lo que obtuve fue Phonegap 2.9. Finalmente tuve que descargar Cordova 3 Source

Siga estos pasos para conseguirlo.

  1. Descarga y descomprime la fuente de Cordova 3
  2. Ejecute template.bat en la carpeta cordova-wp8
  3. Copie los archivos Zip generados en su carpeta de plantillas de Visual Studio

4

Instalación de Phonegap Cordova en Windows

Requisitos

  • Complemento Eclipse + ADT
  • Herramienta SDK de Android
  • Herramientas de la plataforma Android
  • Última carpeta zip PhoneGap. Extrae su contenido.

Dispositivos Android compatibles

Android 2.2 Android 2.3 Android 4.x Instalación de Phonegap Cordova

Establecer la variable de entorno PATH para Android

  1. Desde el escritorio, haga clic derecho en Mi PC y haga clic en Propiedades.

  2. Haga clic en el enlace Configuración avanzada del sistema en la columna de la izquierda.

  3. En la ventana de propiedades del sistema, haga clic en el botón de variables de entorno.

  4. Seleccione la variable PATH de la sección Variables del sistema. Seleccione el botón Editar. Debe agregar la ruta al directorio de herramientas y herramientas de la plataforma SDK de Android. Por ejemplo: D: \ adt-bundle-windows-x86_64-20130219 \ sdk \ platform-tools; D: \ adt-bundle-windows-x86_64-20130219 \ sdk \ tools Guarde su edición. Cierre el cuadro de diálogo Variable de entorno.

  5. Además, es posible que también deba incluir% JAVA_HOME% \ bin en su PATH. Para verificar si esto es necesario, ejecute un símbolo del sistema y escriba java. Si no se pudo encontrar el programa, agregue% JAVA_HOME% \ bin a la RUTA. Es posible que deba especificar la ruta completa en lugar de utilizar la variable de entorno% JAVA_HOME%.
  6. Por último, es posible que también deba incluir% ANT_HOME% \ bin en su RUTA. Para verificar si esto es necesario, ejecute un símbolo del sistema y escriba ant. Si no se puede encontrar el programa, agregue% ANT_HOME% \ bin a la RUTA. Es posible que deba especificar la ruta completa en lugar de utilizar la variable de entorno% ANT_HOME%. Configurar nuevo proyecto

Abra el símbolo del sistema, navegue al directorio bin dentro de la subcarpeta de Android de la distribución de Cordova.

Escriba: ./create

Luego presione Enter. Inicie Eclipse. En el elemento del menú Archivo y seleccione Importar ...

Importar Seleccione “Código de Android existente en el espacio de trabajo” y haga clic en 'Siguiente>'.

Busque el proyecto creado a través del símbolo del sistema. Y haga clic en 'Finalizar'. Implementar en emulador Desde dentro de Eclipse, presione este icono de la barra de herramientas.

Una vez abierto, Android SDK Manager muestra varias bibliotecas de tiempo de ejecución. Instale las API según los requisitos desde aquí. Desde dentro de Eclipse, presione este icono de la barra de herramientas.

Elija una definición de dispositivo de la lista que viene. (Solo hay un elemento en la lista actual). Presione Nuevo… en la ventana anterior para crear un nuevo dispositivo virtual Android (AVD) y utilícelo para ejecutar su proyecto.

Para abrir el emulador como una aplicación separada, seleccione AVD y presione Iniciar. Se inicia como lo haría en el dispositivo, con controles adicionales disponibles para botones de hardware:

Implementar en dispositivo:

Asegúrese de que la depuración de USB esté habilitada en su dispositivo y conéctelo a su sistema. Haga clic derecho en el Proyecto y vaya a Ejecutar como> Aplicación de Android.

Lee mas ...


2

Estaba teniendo problemas con la instalación de phonegap. Los problemas se solucionaron cuando ejecuto cmd como administrador y luego ejecuto el comando

npm install -g phonegap

y se instala correctamente.

Luego, en el directorio donde está instalado, abrí cmd y ejecuté el comando phonegap y estaba funcionando bien. Ahora voy a jugar más con él :)

Gracias amigos por toda esta ayuda.


2

En C:\phonegap-2.9.0\lib\windows-phone-8 there'sun archivo por lotes llamado createTemplates.bat. Necesita ejecutar este archivo, que creará el CordovaWP8_2_9_0.ziparchivo mencionado en sus documentos.


No puedo encontrar este archivo por lotes para phonegap-3.3.0. De hecho, no puedo encontrar la carpeta windows-phone-8. ¿Alguna idea de lo que estoy haciendo mal?
MysticMagicϡ

1

Tenía mismo problema pero finalmente me dieron el éxito al hacer esto por favor vaya lanzar esta imagen Plase Ejecutar todo el comando en la HERRAMIENTA del TELÉFONO de comandos de las ingrese la descripción de la imagen aquí


Hola Mayur. Intento con tu método anterior. Recibí un error al agregar plataforma. después de escribir la plataforma cordova, agregue wp8. se produce el siguiente error Error: No se pudo encontrar 'check_reqs.js' en la carpeta 'bin', abortando ...
Gurunathan

@mayur - tampoco funciona para mí. Me sale 'cordova' no se reconoce, bla, bla, bla. Un problema de ruta, supongo. Pero, ¿dónde está Córdoba?
schmidlop

1

Encontré estas aplicaciones híbridas multidispositivo para la documentación de Visual Studio para CTP1.1 Última actualización: 29 de mayo de 2014 .

Parte del contenido de la documentación de la siguiente manera.

Esta versión admite la creación de aplicaciones para los siguientes destinos de dispositivo :

Android 4+ (4.4 que proporciona la experiencia de desarrollador óptima) iOS 6 y 7 Windows 8.0 (Tienda) Windows Phone 8.0

Requisitos: Windows 8.1

Visual Studio 2013 Update 2: Professional, Ultimate o Premium con las siguientes características opcionales instaladas:

Herramientas para mantener las aplicaciones de la tienda para Windows 8 Windows Phone 8.0 SDK

Los requisitos adicionales del sistema varían según la plataforma del dispositivo:

El emulador de Android funciona mejor con PC capaces de instalar el controlador Intel HAXM

Windows Phone 8 requiere una PC con capacidad Hyper-V para ejecutar el emulador Building para iOS y el uso del simulador de iOS requiere una Mac capaz de ejecutar Xcode 5.1

Dependencias de terceros:

Joyent Node.

Google Chrome: necesario para ejecutar el emulador Apache Ripple para iOS y Android

Apache Ant 1.8.0+: necesario como dependencia para el proceso de compilación de Android

Oracle Java JDK 7: obligatorio como dependencia para el proceso de compilación de Android

SDK de Android: requerido como dependencia para el proceso de compilación de Android y Ripple

SQLLite para Windows Runtime: necesario para agregar conectividad SQL a aplicaciones de Windows (para el complemento WebSQL Polyfill)

Apple iTunes: necesario para implementar una aplicación en un dispositivo iOS conectado a su PC con Windows

ingrese la descripción de la imagen aquí


0

Ejecutar CMD como administrador en Windows me puso en marcha y creo que tiene mucho sentido porque la gente realmente nunca hace un esfuerzo por instalar sus cosas en un directorio personalizado. Entonces, cuando instala node.js en el directorio de Windows y luego intenta instalar PhoneGap en un CMD no elevado, tiene dificultades para configurar las variables de ruta.


0

Yo tuve el mismo problema. Perdí horas, luego vi que la versión de node.js instalada era 0.8. Pero descargué e instalé la versión 0.10 del sitio web de node.js.

Lo descargué e instalé nuevamente, y ahora la versión es 0.10. Resultado: PhoneGap se ha instalado correctamente con esta versión.


0

Phonegap puede ser un poco complicado para los novatos. Pasé mucho tiempo tratando de encontrar la forma óptima de crear una aplicación robusta para Android que pueda acceder a las funciones nativas del teléfono.

Este enlace proporciona un método paso a paso para crear una aplicación de Android Phonegap utilizando Windows, HTML y JavaScript.


Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.