Phonegap Cordova installation Windows


120

La documentation pour phonegap / cordova est absolument horrible. Tout ce que j'essaye de faire est d'installer PhoneGap 3.0 sur mon environnement Windows mais sans succès.

Voici mes étapes et mes points d'échec. Quelqu'un peut-il conseiller des solutions?

Selon les instructions :

  1. Installer Node.js (SUCCÈS)
  2. À partir de nodes.js: install -g cordova(SUCCESSFUL)
  3. Ajouter une plateforme: cordova platform add wp8(RIEN NE SE PASSE)
  4. Essayez avec phonegap: phonegap install wp8(Le répertoire du projet ERROR est introuvable)

À partir du « Guide de la plate-forme Windows Phone 8 »

  1. Installer le SDK Windows (SUCCÈS)
  2. "Téléchargez et extrayez la dernière copie de [PhoneGap. Vous travaillerez dans le sous-dossier lib \ windows-phone-8 \ wp8, lib \ windows-phone-8 \ wp7 contient la version Windwos Phone 7 de Cordova"

HUH?!?! Dans quel emplacement se trouve le répertoire?!?! J'ai donc trouvé le répertoire phonegap non documenté enterré dans AppData \ Local ... et il y a un répertoire libs mais il n'y a certainement PAS de sous-dossiers WP8. D'où l'installerait-on? Vraisemblablement la commande add platform ci-dessus, mais ajouter cela me renvoie simplement à une nouvelle invite de commande.

J'ai essayé en utilisant la commande phonegap: phonegap plaform add wp8

ERREUR - 'platform add wp8 "n'est pas un nœud.

Je reçois son open source mais c'est une documentation de référence brutale sur les spaghettis. Si quelqu'un a réussi à installer 3.0 pour WP8, des pointeurs seraient utiles.


Il mentionne que vous devez créer l'application cordova create hello com.example.hello HelloWorlddans le répertoire dans lequel vous souhaitez que le code se trouve, puis l'exécuter cordova platform add wp8dans le répertoire du projet que vous venez de créer.
dfockler

5
Je ne pourrais pas être plus d'accord, je viens de foutre en colère 6 heures de mon week-end en essayant de le faire fonctionner aussi Je l'ai utilisé dans le passé et le configurer n'était pas du tout difficile, mais le `` nouveau amélioré '' cli façon de faire les choses ne fonctionne tout simplement pas avec les instructions fournies. La première partie vous indique d'installer et d'utiliser la commande phonegap, puis de passer à la section Android et de passer à la commande cordova. Quel gâchis frustrant, je n'ai jamais compris comment le faire reconnaître la plate-forme Android même si le sdk était installé sur ma machine.
Jay13

7
La qualité de l'écriture ne me dérange pas autant que le fait que les documents ne semblent jamais avoir été testés et sont tout simplement faux.
Erik Reppen

3
Il semble également que la documentation soit contradictoire par endroits. Sur une page, il est dit de le faire d'une manière et sur une autre, il décrit une approche entièrement différente! J'ai eu des choses sympas avec la partie extension Phonegap de mes outils de développement Android sous forme de bouton (dans Eclipse). Maintenant, après la mise à niveau de l'ADT, il est parti. J'ai couru la plate-forme phonegap add android et rien ne se passe comme ci-dessus avec wp8. Pourquoi ne pouvons-nous pas simplement le télécharger sous forme de zip? Ou utiliser git clone?
Bruce Whealton

J'ai écrit un article fournissant des instructions étape par étape sur la façon d'installer phonegap. Il est adapté aux appareils Android, mais la seule différence devrait être la partie SDK Windows / Android: kapitanh.blogspot.de/2014/02/native-android-apps-with.html
Kai Hartmann

Réponses:


131

Après des heures de frustration ... voici ce que j'ai découvert.

  1. Ignorez la documentation d'installation et toute la ligne de commande, les trucs de node.js (sérieusement, vous perdrez des heures à ce sujet.
  2. Allez sur github et téléchargez simplement le master .zip de PhoneGap
  3. Dans ce zip se trouvent des fichiers de projet pour la plate-forme Windows Phone, etc ... utilisez simplement ces modèles.

Je ne sais pas comment un processus aussi simple pourrait avoir une moins bonne documentation. C'est comme si c'était écrit par des avocats.


7
L'utilisation de la documentation vous aurait permis d'avoir un wwwdossier «global» pour toutes les plateformes.
Justin D.

3
Merci pour cela, m'a sauvé beaucoup d'aggravation, j'en suis sûr. En outre, il s'agit d'une excellente ressource pour quiconque configure Phonegap pour Android: lien
Oliver Holmberg

Es-tu sérieux? Est ce réel? Je ne sais pas si je dois être vraiment en colère ou très heureux. Pourrai-je aussi ajouter des plugins sans la ligne de commande? Et est-ce toujours valable pour le très différent Phonegap 3.0?
Wytze

Frigon, votre description est excellente mais vous devez mentionner que createTemplates.bat doit être exécuté pour générer les fichiers zip qui sont les éléments à copier dans le dossier des modèles.
Hexodus

Hexodus, il ne semble pas que cette étape soit documentée nulle part, ou du moins elle n'est pas très claire du tout. Comme on peut l'imaginer, commencer sur une page en exécutant une commande cordova, puis être redirigé vers une autre page qui dit use phonegap, ou est-ce l'inverse?, Est très déroutant. Oliver, ton lien est génial, la page est très claire. Mais j'ai presque oublié le lien. J'ai commencé à me demander "qu'est-ce qu'une excellente ressource?" Ensuite, je suis tombé sur le lien et j'ai trouvé l'excellente ressource. Respectueusement, je suggérerais que tout, de l'excellente ressource au lien, soit le lien, à mon humble avis.
Bruce Whealton

54

J'ai fait face au même problème et j'ai eu du mal pendant une heure à passer en revue les documents et les autres problèmes signalés dans Stack Overflow mais je n'ai trouvé aucune réponse. Alors, voici le guide pour exécuter avec succès le phonegap / cordova dans Windows Machine.

Suivez ces étapes

  1. Téléchargez et installez node.js depuis http://nodejs.org/
  2. Exécutez la commande npm install -g phonegap(en cas d'installation de phonegap) ou exécutez la commande npm install -g cordova(en cas d'installation de Cordova).
  3. Au fur et à mesure que l'installation est terminée, vous pouvez remarquer ceci:

    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
    ├── couleurs@0.6.2
    ├── semver@1.1.0
    ├── shelljs@0.1.2
    ├── follow-redirects@0.0.3 (soulignement@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 (hérite@2.0.1, minimatch@0.2.12)
    ├── plist@0.4.3 (xmlbuilder@0.4.2, xmldom@0.1.16)
    ├── tar@0.1.18 (hérite@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éthodes@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, send@0.1.0, connect@2.6.0)
    ├── ripple-emulator@0.9.18 (connect-xcors@0.5.2, couleurs@0.6.0-1, comptabilité@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. Notez la ligne ci-dessus, vous pouvez voir le chemin où le fichier est mentionné. Copiez ce chemin. Dans mon cas, il est C:\Users\binaryuser\AppData\Roaming\npm\cordovatellement utilisé cd C:\Users\binaryuser\AppData\Roaming\npm\et type cordova. Ça y est, ça marche enfin.

  5. Étant donné que la -gvaleur de clé ne fonctionne pas, vous avez défini le chemin des variables d'environnement:
    1. Appuyez sur Win+ Pause|Breakou faites un clic droit sur Computeret choisissez Properties.
    2. Cliquez Advanced system settingsà gauche.
    3. Cliquez Environment Variablessous l' Advancedonglet.
    4. Sélectionnez la PATHvariable et cliquez sur Edit.
    5. Copiez le chemin mentionné ci-dessus dans le champ de valeur et appuyez sur OK.

7
Notez également que si vous installez node.js en tant qu'administrateur et que votre utilisateur dispose de droits limités sous Active Directory, vous devez exécuter "npm install -g phonegap" en tant qu'utilisateur et non en tant qu'administrateur, sinon les fichiers seront créés sous celui de l'administrateur. dossier itinérant et votre utilisateur n'y aura pas accès. Vous pouvez "désinstaller npm phonegap" sous administrateur, et à nouveau installer en tant qu'utilisateur dans ce cas.
vicenteherrera

1
Notez que vous devez utiliser le Node.js command prompt, et non le Windows cmd.exe
intégré

2
@gotnull J'appuie votre motion.
Jay Jay Jay

2
Lorsque j'ai essayé d'utiliser l'invite de commande node.js, une erreur m'a incité à utiliser le terminal système. Ceci est pour Node.js v0.10.26.
John Macon

Cette réponse indique exactement ce qui est dans les instructions officielles, ce qui fonctionne, mais cela ne répond pas à la partie des modèles wp8. Le dossier wp8 ni le fichier createTemplates.bat ne peuvent être trouvés lors de l'installation de cordova / phonegap avec npm, ce qui est principalement le point de la question.
Matthieu Harlé

18

Cette réponse a été publiée pour la première fois ici: cordova / phonegap ne crée pas de répertoire Android

Avec la sortie de Cordova 3.3.0, il semble que l'équipe de PhoneGap tente de résoudre la confusion de dénomination. Les documentations ont été mises à jour pour recommander des personnes utilisant la cordovacommande à la place. N'utilisez plus la phonegapcommande.

Voici un nouveau guide d'installation pour une configuration sans problème garantie:

  1. Installez Cordova (oubliez le nom PhoneGap à partir de maintenant). Pour PC:

    C:> npm install -g cordova

  2. À partir de l'invite de commande, accédez au dossier dans lequel vous souhaitez créer votre projet en utilisant:

    cordova créer bonjour com.example.hello HelloWorld
    cd bonjour

  3. Définissez le système d'exploitation que vous souhaitez prendre en charge par exemple:

    plateforme cordova ajouter wp8

  4. Installez des plugins (si nécessaire). Par exemple, nous voulons ce qui suit:

    plugin cordova ajouter org.apache.cordova.device
    plugin cordova ajouter org.apache.cordova.camera
    plugin cordova ajouter org.apache.cordova.media-capture
    plugin cordova ajouter org.apache.cordova.media
    

  5. Enfin, générez l'application en utilisant:
    cordova construire wp8

Voici un lien vers la documentation PhoneGap Cordova 3.3.0 http://docs.phonegap.com/en/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface


1
De plus, avez-vous fait fonctionner la commande build? Je peux créer dans Visual Studio mais pas à partir de la ligne de commande. Erreur: D:\Project1\platforms\wp8\cordova\lib\build.js(56, 5) WshShell.Exec: The system cannot find the file specified.je ne sais pas quel fichier il recherche.
atlantis

1
À la ligne 56, vous trouverez des Log("Command: " + command);commentaires. Le décommenter s'imprimera commandet vous saurez quel fichier il recherche.
Edward Grech

À l'étape 2, je pense que ce devrait être "cd hello", au lieu de "cd HelloWorld".
Jarnal

6

J'ai aussi fait face à cette même erreur. Et j'ai même essayé de télécharger le Master PhoneGap depuis GitHub, mais j'ai découvert que ce que j'avais obtenu était Phonegap 2.9. J'ai finalement dû télécharger la source Cordova 3

Suivez ces étapes pour l'obtenir.

  1. Téléchargez et décompressez le Source Cordova 3
  2. Exécutez le template.bat dans le dossier cordova-wp8
  3. Copiez les fichiers Zip générés dans votre dossier de modèles Visual Studio

4

Installation de Phonegap Cordova sous Windows

Exigences

  • Plugin Eclipse + ADT
  • Outil SDK Android
  • Outils de plate-forme Android
  • Dernier dossier zip PhoneGap. Extrayez son contenu.

Appareils Android pris en charge

Installation d'Android 2.2 Android 2.3 Android 4.x Phonegap Cordova

Définir la variable d'environnement PATH pour Android

  1. Depuis le bureau, cliquez avec le bouton droit sur Poste de travail et cliquez sur Propriétés.

  2. Cliquez sur le lien Paramètres système avancés dans la colonne de gauche.

  3. Dans la fenêtre des propriétés du système, cliquez sur le bouton des variables d'environnement.

  4. Sélectionnez la variable PATH dans la section Variables système. Sélectionnez le bouton Modifier. Vous devez ajouter le chemin d'accès à votre répertoire d'outils et d'outils de plate-forme Android SDK. Par exemple: D: \ adt-bundle-windows-x86_64-20130219 \ sdk \ platform-tools; D: \ adt-bundle-windows-x86_64-20130219 \ sdk \ tools Enregistrez votre modification. Fermez la boîte de dialogue Variable d'environnement.

  5. De plus, vous devrez peut-être également inclure% JAVA_HOME% \ bin dans votre PATH. Pour vérifier si cela est nécessaire, exécutez une invite de commande et tapez java. Si le programme est introuvable, ajoutez% JAVA_HOME% \ bin au PATH. Vous devrez peut-être spécifier le chemin complet au lieu d'utiliser la variable d'environnement% JAVA_HOME%.
  6. Enfin, vous devrez peut-être également inclure% ANT_HOME% \ bin dans votre PATH. Pour vérifier si cela est nécessaire, exécutez une invite de commande et tapez ant. Si le programme est introuvable, ajoutez% ANT_HOME% \ bin au PATH. Vous devrez peut-être spécifier le chemin complet au lieu d'utiliser la variable d'environnement% ANT_HOME%. Configurer un nouveau projet

Ouvrez l'invite de commande, accédez au répertoire bin dans le sous-dossier android de la distribution Cordova.

Tapez: ./create

Appuyez ensuite sur Entrée et lancez Eclipse. Dans l'élément de menu Fichier et sélectionnez Importer…

Importer Sélectionnez «Code Android existant dans l'espace de travail» et cliquez sur «Suivant>».

Parcourez le projet créé via l'invite de commande. Et cliquez sur «Terminer». Déployer vers l'émulateur Depuis Eclipse, appuyez sur cette icône de la barre d'outils.

Une fois ouvert, Android SDK Manager affiche diverses bibliothèques d'exécution. Installez les API selon les besoins à partir d'ici. Depuis Eclipse, appuyez sur cette icône de la barre d'outils.

Choisissez et la définition de l'appareil dans la liste qui vient. (Il n'y a qu'un seul élément dans la liste actuelle.) Appuyez sur Nouveau… dans la fenêtre ci-dessus pour créer un nouvel appareil virtuel Android (AVD) et l'utiliser pour exécuter votre projet.

Pour ouvrir l'émulateur en tant qu'application distincte, sélectionnez l'AVD et appuyez sur Démarrer. Il se lance comme il le ferait sur l'appareil, avec des commandes supplémentaires disponibles pour les boutons matériels:

Déployer sur l'appareil:

Assurez-vous que le débogage USB est activé sur votre appareil et branchez-le à votre système. Cliquez avec le bouton droit sur le projet et accédez à Exécuter en tant que> Application Android.

Lire la suite ...


2

J'avais des problèmes lors de l'installation de phonegap. Les problèmes ont été résolus lorsque j'exécute cmd en tant qu'administrateur, puis que j'exécute la commande

npm install -g phonegap

et il est installé avec succès.

Ensuite, dans le répertoire où il est installé, j'ai ouvert cmd et exécutez la commande phonegap et cela fonctionnait bien. Maintenant va jouer avec plus :)

Merci mes amis pour toute cette aide.


2

Dans C:\phonegap-2.9.0\lib\windows-phone-8 there'sun fichier batch appelé createTemplates.bat. Vous devez exécuter ce fichier, qui créera le CordovaWP8_2_9_0.zipfichier mentionné dans leur documentation.


Je ne parviens pas à trouver ce fichier de commandes pour phonegap-3.3.0. En fait, je ne parviens pas à trouver le dossier windows-phone-8. Une idée de ce que je fais mal?
MysticMagicϡ

1

J'ai eu même problème , mais finalement je suis arrivé succès en faisant cela vous plaît aller jeter cette image Plase exécuter à la commande dans le PHONE OUTIL DE COMMANDE PROMPT entrez la description de l'image ici


Salut Mayur. J'essaye avec votre méthode ci-dessus. J'ai eu une erreur dans la plate-forme d'ajout. après avoir tapé la plate-forme cordova, ajoutez wp8. erreur suivante se produit Erreur: Impossible de trouver 'check_reqs.js' dans le dossier 'bin', abandon ...
Gurunathan

@mayur - ne fonctionne pas non plus pour moi. Je reçois «cordova» n'est pas reconnu, bla, bla, bla. Un problème de chemin, je suppose. Mais où est cordova?
schmidlop

1

J'ai trouvé cette documentation sur les applications hybrides multi-appareils pour Visual Studio pour CTP1.1 Dernière mise à jour: 29 mai 2014 .

Une partie du contenu de la documentation comme suit.

Cette version prend en charge la création d'applications pour les appareils cibles suivants :

Android 4+ (4.4 offrant une expérience de développement optimale) iOS 6 et 7 Windows 8.0 (Store) Windows Phone 8.0

Exigences: Windows 8.1

Visual Studio 2013 Update 2 - Professional, Ultimate ou Premium avec les fonctionnalités facultatives suivantes installées:

Outils de maintenance des applications Store pour Windows 8 SDK Windows Phone 8.0

La configuration système requise supplémentaire varie selon la plate-forme de l'appareil:

L'émulateur Android fonctionne mieux avec les PC capables d'installer le pilote Intel HAXM

Windows Phone 8 nécessite un PC compatible Hyper-V pour exécuter l'émulateur Building pour iOS et l'utilisation du simulateur iOS nécessite un Mac capable d'exécuter Xcode 5.1

Dépendances tierces:

Joyent Node.js - Permet à Visual Studio de s'intégrer à l'interface de ligne de commande Apache Cordova (CLI) et à l'émulateur Apache Ripple ™ Git CLI - Requis uniquement si vous devez ajouter manuellement des URI git pour les plugins

Google Chrome - Requis pour exécuter l'émulateur Apache Ripple pour iOS et Android

Apache Ant 1.8.0+ - Requis en tant que dépendance pour le processus de construction Android

Oracle Java JDK 7 - Requis en tant que dépendance pour le processus de construction Android

SDK Android - Requis en tant que dépendance pour le processus de construction Android et Ripple

SQLLite pour Windows Runtime - requis pour ajouter la connectivité SQL aux applications Windows (pour le plugin WebSQL Polyfill)

Apple iTunes - Requis pour déployer une application sur un appareil iOS connecté à votre PC Windows

entrez la description de l'image ici


0

L'exécution du CMD en tant qu'administrateur sous Windows m'a permis de démarrer et je pense que cela n'a de sens que parce que les gens ne font jamais vraiment d'efforts pour installer leurs fichiers dans un répertoire personnalisé. Ainsi, lorsque vous installez node.js dans le répertoire Windows, puis essayez d'installer PhoneGap sur un CMD non relevé, il est difficile de définir les variables de chemin.


0

J'ai eu le même problème. J'ai perdu des heures, puis j'ai vu que la version de node.js installée était 0.8. Mais j'ai téléchargé et installé la version 0.10 à partir du site Web node.js.

J'ai téléchargé et installé à nouveau, et maintenant la version est 0.10. Résultat: PhoneGap a été installé avec succès avec cette version.


0

Phonegap peut être un peu délicat pour les novices. J'ai passé beaucoup de temps à essayer de trouver le moyen optimal de créer une application Android robuste pouvant accéder aux fonctionnalités natives du téléphone.

Ce lien fournit une méthode par étapes pour créer une application Android Phonegap à l'aide de Windows, html et javascript.


En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.