web-dev-qa-db-fra.com

Phonegap Cordova installation de Windows

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

Vous trouverez ci-dessous mes démarches et points d’échec. Quelqu'un peut-il conseiller sur les solutions?

Selon le instructions :

  1. Installez Node.js (SUCCESSFUL)
  2. De nodes.js: install -g cordova (SUCCESSFUL)
  3. Ajouter une plate-forme: cordova platform add wp8 (RIEN NE ARRIVE)
  4. Essayez avec phonegap: phonegap install wp8 (le répertoire du projet ERROR est introuvable)

De " Guide de la plate-forme Windows Phone 8 "

  1. Installer le SDK Windows (SUCCESSFUL)
  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é enfoui dans AppData\Local ... et il y a IS un répertoire libs, mais il n'y a certainement PAS de sous-dossier WP8. Où peut-on installer ça? Vraisemblablement, la commande add platform ci-dessus, mais add qui me renvoie simplement à une nouvelle invite de commande.

Essayé en utilisant la commande phonegap: phonegap plaform add wp8

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

Je reçois son code source libre, mais c’est une documentation de référence spaghetti brutale. Si quelqu'un a réussi à installer la version 3.0 pour WP8, des pointeurs seraient utiles.

120
frigon

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, ainsi que tout ce que vous voulez sur node.js (vous allez sérieusement perdre des heures à ce sujet.
  2. Allez sur github et téléchargez simplement le PhoneGap master .Zip
  3. Dans ce fichier Zip, vous trouverez des fichiers de projet pour Windows Phone, etc ... utilisez simplement ces modèles.

Je ne sais pas comment un processus aussi simple pourrait avoir une documentation pire. C'est comme si cela avait été écrit par des avocats.

131
frigon

J'ai rencontré le même problème et j'ai lutté pendant une heure pour passer au travers en lisant les documents et les autres problèmes signalés dans Stack Overflow mais je n'y ai trouvé aucune réponse. Voici donc le guide pour exécuter avec succès phonegap/cordova dans Windows Machine.

Suivez ces étapes

  1. Téléchargez et installez node.js à partir de 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. Lorsque l'installation est terminée, vous pouvez remarquer ceci:

     C:\Utilisateurs\utilisateur binaire\AppData\Roaming\npm\cordova -> C:\Utilisateurs\utilisateur binaire\AppData\Roaming\npm\module_noeud\cordova\bin\cordova 
     [email protected]. 9 C:\Utilisateurs\utilisateur_binaire\AppData\Roaming\npm\node_modules\cordova 
     [email protected] 
     [email protected][email protected] 
     ├── [email protected] 
     ├── [email protected] 
     [email protected] (underscore @ 1.5.2) 
     ├── [email protected] ([email protected]) 
     ├── [email protected] ([email protected], [email protected]) 
     ├── [email protected] ([email protected], [email protected]) 
     ├── [email protected] ([email protected], minimatch @ 0.2.12) 
     ├── [email protected] ([email protected], [email protected]) 
     [email protected] ([email protected], [email protected], [email protected]) 
     ├── [email protected] ([email protected], [email protected], [email protected], [email protected]. 7, [email protected]) 
     ├── [email protected] ([email protected], [email protected], [email protected], oaut [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], http-signature @ 0,10,0, [email protected], formulaire-donné[email protected]) 
     ├── [email protected] (mé[email protected], [email protected], [email protected]. 4, [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected]) 
     ├ ── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected]) 
     ├── [email protected] 
     └── [email protected] ([email protected], [email protected], [email protected], [email protected] .4, [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], [email protected], 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 s'agit de C:\Users\binaryuser\AppData\Roaming\npm\cordova, utilisez donc cd C:\Users\binaryuser\AppData\Roaming\npm\ et tapez cordova. Ça y est, ça marche enfin.

  5. Puisque la valeur de la touche -g ne fonctionne pas, vous avez défini le chemin d'accès aux variables d'environnement:
    1. Presse Win + Pause|Break ou faites un clic droit sur Computer et choisissez Properties.
    2. Cliquez sur Advanced system settings à gauche.
    3. Cliquez sur Environment Variables sous l'onglet Advanced.
    4. Sélectionnez la variable PATH et cliquez sur Edit.
    5. Copiez le chemin mentionné ci-dessus dans le champ de valeur et appuyez sur OK.
54
binaryuser

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

Avec la sortie de Cordova 3.3.0, il semble que l’équipe PhoneGap tente de remédier à la confusion qui entoure les noms. Les documentations ont été mises à jour pour recommander aux utilisateurs de la commande cordova. Ne pas utiliser le phonegap commande plus.

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

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

    C:> npm installer -g cordova
  2. A partir de la commande Invite, accédez au dossier dans lequel vous souhaitez créer votre projet à l'aide de:

    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:

    plate-forme cordova ajouter wp8
  4. Installez les 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 à l'aide de:
    cordova construire wp8

Voici un lien vers le PhoneGapDocumentation Cordova 3.3.0 http://docs.phonegap.com/fr/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface

18
James Wong

J'ai fait face à cette même erreur aussi. Et j’ai même essayé de télécharger le maître PhoneGap de GitHub, mais j’ai découvert que j’avais eu Phonegap 2.9. J'ai finalement dû télécharger le Cordova 3 Source

Suivez ces étapes pour l'obtenir.

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

Installation de Phonegap Cordova sous Windows

Conditions requises

  • Eclipse + ADT Plugin
  • Outil SDK Android
  • Outils de la plateforme Android
  • Dernier dossier PhoneGap Zip. Extraire son contenu.

pris en charge Android Appareils

Android 2.2 Android 2.3 Android 4.x Installation de Phonegap Cordova

Définir la variable d'environnement PATH pour Android

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

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

  3. Dans la fenêtre des propriétés du système, cliquez sur le bouton 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 _ outils de plate-forme et d'outils de SDK Android. Par exemple: D:\adt-bundle-windows-x86_64-20130219\sdk\plate-outils; D:\adt-bundle-windows-x86_64-20130219\sdk\tools Enregistrez votre édition. Fermez la boîte de dialogue Variable d'environnement.

  5. De plus, vous devrez peut-être inclure% Java_HOME%\bin dans votre PATH. Pour vérifier si cela est nécessaire, exécutez une commande Invite et tapez Java. Si le programme est introuvable, ajoutez% Java_HOME%\bin au chemin 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 commande Invite 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%. Mettre en place un nouveau projet

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

Tapez: ./create

Appuyez ensuite sur Enter.Launch Eclipse. Dans le menu Fichier, sélectionnez Importer…

Importer Sélectionnez "Androidexistant _ Code dans Workspace", puis cliquez sur ‘Suivant>’.

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

Une fois ouvert, le Android SDK Manager affiche diverses bibliothèques d'exécution. Installez les API conformément aux exigences d'ici. Depuis Eclipse, appuyez sur cette icône de la barre d’outils.

Choisissez et définition de l'appareil dans la liste qui vient. (Il n'y a qu'un seul élément dans la liste actuelle.) Dans la fenêtre ci-dessus, cliquez sur Nouveau… pour créer un nouveau Android Périphérique virtuel (AVD) et utilisez-le 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 pratiquement comme sur un périphérique, avec des commandes supplémentaires disponibles pour les boutons matériels:

Déployer sur le périphérique:

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

Lire plus ...

4
Ajay Patel

J'avais des problèmes avec l'installation de phonegap. Les problèmes ont été résolus quand je lance cmd en tant qu'administrateur puis lance 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 lancé la commande phonegap et tout fonctionnait bien. Maintenant, allez jouer avec plus :)

Merci les copains pour toute cette aide.

2
Altaf Hussain

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

2
Steve Drucker

J'ai trouvé ceci Applications hybrides multi-périphériques pour Visual Studio Documentation pour CTP1.1 Dernière mise à jour: le 29 mai 2014 .

Une partie du contenu de la documentation est la suivante.

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

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

Configuration requise: Windows 8.1

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

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

La configuration requise supplémentaire varie en fonction de la plate-forme de l'appareil:

L'émulateur Android fonctionne mieux avec des 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 utiliser le simulateur iOS nécessite un Mac capable d'exécuter Xcode 5.1.

Dépendances de tiers:

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

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

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

SQLLite pour Windows Runtime - nécessaire pour ajouter une connectivité SQL aux applications Windows (pour le plugin WebSQL Polyfill)

Apple iTunes - Requis pour le déploiement d'une application sur un périphérique iOS connecté à votre PC Windows

enter image description here

1
Reva

J'ai eu le même problème, mais finalement j'ai eu le succès en faisant cela s'il vous plaît allez jeter cette image Plase Exécuter toutes les commandes dans le invite de commande de téléphone outil enter image description here

1
Mayur

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

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

0

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

0
Haroon Dilshad

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 du site web de 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
gabrieloliveira