Phonegap Cordova Installation Windows

120

Die Dokumentation für Phonegap / Cordova ist absolut schrecklich. Ich versuche nur, PhoneGap 3.0 in meiner Windows-Umgebung zu installieren, habe aber keinen Erfolg.

Nachfolgend sind meine Schritte und Fehlerquellen aufgeführt. Kann jemand zu Lösungen raten?

Nach den Anweisungen :

  1. Installieren Sie Node.js (ERFOLGREICH)
  2. Von node.js: install -g cordova(ERFOLGREICH)
  3. Plattform cordova platform add wp8hinzufügen : (NICHTS PASSIERT)
  4. Versuchen Sie es mit phonegap: phonegap install wp8(ERROR-Projektverzeichnis konnte nicht gefunden werden)

Aus " Windows Phone 8-Plattformhandbuch "

  1. Installieren Sie das Windows SDK (ERFOLGREICH)
  2. "Laden Sie die neueste Kopie von [PhoneGap herunter und extrahieren Sie sie. Sie arbeiten im Unterordner lib \ windows-phone-8 \ wp8. Lib \ windows-phone-8 \ wp7 enthält die Windwos Phone 7-Version von Cordova."

HUH?!?! In welchem ​​Verzeichnis befindet sich das Verzeichnis?!?! Also habe ich das undokumentierte Phonegap-Verzeichnis in AppData \ Local gefunden ... und es gibt ein libs-Verzeichnis, aber es gibt sicherlich KEINE WP8-Unterordner. Woher würde man das installieren? Vermutlich der Befehl add platform oben, aber add bringt mich einfach zu einer neuen Eingabeaufforderung zurück.

Versucht mit dem Befehl phonegap: phonegap plaform add wp8

FEHLER - 'Plattform hinzufügen wp8 "ist kein Knoten.

Ich bekomme seine Open Source, aber dies ist eine brutale Spaghetti-Referenzdokumentation. Wenn jemand 3.0 für WP8 erfolgreich installieren konnte, sind Zeiger hilfreich.

Frigon
quelle
Es wird erwähnt, dass Sie die App mit cordova create hello com.example.hello HelloWorldin dem Verzeichnis erstellen müssen, in dem sich der Code befinden soll, und dann cordova platform add wp8in dem gerade erstellten Projektverzeichnis ausführen müssen .
Dfockler
5
Ich konnte nicht mehr zustimmen, ich habe gerade 6 Stunden meines Wochenendes angepisst und versucht, es auch zum Laufen zu bringen. Ich habe es in der Vergangenheit benutzt und es dann einzurichten war überhaupt nicht schwer, aber das 'neue verbesserte' Die Vorgehensweise funktioniert mit den bereitgestellten Anweisungen einfach nicht. Der erste Teil fordert Sie auf, den Befehl phonegap zu installieren und zu verwenden. Anschließend wechseln Sie zum Android-Bereich und wechseln zur Verwendung des Befehls cordova. Was für ein frustrierendes Durcheinander, ich habe nie herausgefunden, wie ich die Android-Plattform erkennen kann, obwohl das SDK auf meinem Computer installiert war.
Jay13
7
Die Qualität des Schreibens stört mich nicht so sehr wie die Tatsache, dass die Dokumente scheinbar nie getestet wurden und einfach falsch sind.
Erik Reppen
3
Es scheint auch, dass die Dokumentation stellenweise widersprüchlich ist. Auf einer Seite heißt es, es so zu machen und auf einer anderen beschreibt es einen ganz anderen Ansatz! Ich hatte gute Dinge mit dem Phonegap-Erweiterungsteil meiner Android Developer Tools als Schaltfläche (in Eclipse). Jetzt, nach dem Upgrade des ADT, ist es weg. Ich habe die Phonegap-Plattform für Android ausgeführt und mit wp8 ist nichts wie oben passiert. Warum können wir es nicht einfach als Zip herunterladen? Oder Git-Klon verwenden?
Bruce Whealton
Ich habe einen Artikel geschrieben, der eine schrittweise Anleitung zur Installation von Phonegap enthält. Es ist auf Android-Geräte zugeschnitten, aber der einzige Unterschied sollte der Windows / Android SDK-Teil sein: kapitanh.blogspot.de/2014/02/native-android-apps-with.html
Kai Hartmann

Antworten:

131

Nach stundenlanger Frustration ... hier ist was ich entdeckt habe.

  1. Ignorieren Sie die Installationsdokumentation und die gesamte Befehlszeile, node.js Zeug (im Ernst, Sie werden Stunden damit verschwenden.
  2. Gehen Sie zu github und laden Sie einfach die .zip- Datei von PhoneGap master herunter
  3. In dieser Zip sind Projektdateien für Windows Phone usw. Plattform ... verwenden Sie einfach diese Vorlagen.

Ich weiß nicht, wie ein so einfacher Prozess eine schlechtere Dokumentation haben könnte. Es ist, als ob es von Anwälten geschrieben wurde.

Frigon
quelle
7
Die Verwendung der Dokumentation hätte es Ihnen ermöglicht, einen "globalen" wwwOrdner für alle Plattformen zu haben.
Justin D.
3
Danke dafür, hat mir viel Ärger erspart, da bin ich mir sicher. Dies ist auch eine ausgezeichnete Ressource für alle, die Phonegap für Android einrichten: link
Oliver Holmberg
Sind Sie im Ernst? Ist das echt? Ich weiß nicht, ob ich wirklich wütend oder sehr glücklich sein soll. Kann ich Plugins auch ohne Befehlszeile hinzufügen? Und gilt das noch für das ganz andere Phonegap 3.0?
Wytze
Frigon Ihre Beschreibung ist ausgezeichnet, aber Sie sollten erwähnen, dass createTemplates.bat ausgeführt werden sollte, um die Zip-Dateien zu generieren, die in den Vorlagenordner kopiert werden sollen.
Hexodus
Hexodus, es scheint nicht, dass dieser Schritt irgendwo dokumentiert ist, oder zumindest ist es überhaupt nicht sehr klar. Wie man sich vorstellen kann, ist es sehr verwirrend, auf einer Seite mit dem Ausführen eines Cordova-Befehls zu beginnen und dann zu einer anderen Seite weitergeleitet zu werden, auf der Phonegap verwendet wird, oder ist es umgekehrt? Oliver, dein Link ist großartig, die Seite ist sehr klar. Aber ich habe den Link fast übersehen. Ich begann zu denken: "Was ist eine ausgezeichnete Ressource?" Dann bin ich auf den Link gestoßen und habe die hervorragende Ressource gefunden. Mit Respekt würde ich vorschlagen, dass alles, von exzellenten Ressourcen bis hin zu Links, der Link ist, IMHO.
Bruce Whealton
54

Ich hatte das gleiche Problem und bemühte mich eine Stunde lang, durch Lesen der Dokumente und der anderen in Stack Overflow gemeldeten Probleme durchzukommen, fand aber keine Antwort darauf. Hier ist die Anleitung zum erfolgreichen Ausführen von Phonegap / Cordova in Windows Machine.

Folge diesen Schritten

  1. Laden Sie node.js von http://nodejs.org/ herunter und installieren Sie es.
  2. Führen Sie den Befehl aus npm install -g phonegap(bei Installation von Phonegap) oder führen Sie den Befehl aus npm install -g cordova(bei Installation von Cordova).
  3. Wenn die Installation abgeschlossen ist, können Sie Folgendes feststellen:

    C: \ Benutzer \ Binärbenutzer \ AppData \ Roaming \ npm \ cordova -> C: \ Benutzer \ Binärbenutzer \ AppData \ Roaming \ npm \ Knotenmodule \ cordova \ bin \ cordova
    [email protected] C: \ Benutzer \ Binärbenutzer \ AppData \ Roaming \ npm \ Knotenmodule \ cordova
    ├── [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], [email protected])
    ├── [email protected] ([email protected], [email protected], [email protected])
    Prompt── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected])
    ├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], Cookie [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] .2, [email protected], [email protected], [email protected])
    ├── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected] )
    Pm── [email protected]
    └── [email protected] ([email protected], [email protected], [email protected], [email protected], [email protected], [email protected], elementtree @ 0.1.5, [email protected], [email protected], [email protected], [email protected], [email protected])
    
  4. Beachten Sie in der obigen Zeile den Pfad, in dem die Datei erwähnt wird. Kopieren Sie diesen Pfad. In meinem Fall ist es C:\Users\binaryuser\AppData\Roaming\npm\cordovaso verwenden cd C:\Users\binaryuser\AppData\Roaming\npm\und tippen cordova. Da ist es, es funktioniert endlich.

  5. Da der -gSchlüsselwert nicht funktioniert, haben Sie den Pfad für Umgebungsvariablen festgelegt:
    1. Drücken Sie Win+ Pause|Breakoder klicken Sie mit der rechten Maustaste auf Computerund wählen Sie Properties.
    2. Klicken Sie Advanced system settingslinks.
    3. Klicken Sie Environment Variablesunter der AdvancedRegisterkarte.
    4. Wählen Sie die PATHVariable aus und klicken Sie auf Edit.
    5. Kopieren Sie den oben genannten Pfad in das Wertefeld und drücken Sie OK.
binärer Benutzer
quelle
7
Beachten Sie außerdem, dass Sie, wenn Sie node.js als Administrator installieren und Ihr Benutzer unter Active Directory nur eingeschränkte Rechte hat, "npm install -g phonegap" als Benutzer und nicht als Administrator ausführen sollten, da sonst Dateien unter dem Administrator erstellt werden Roaming-Ordner und Ihr Benutzer haben keinen Zugriff darauf. Sie können unter Administrator "npm deinstallieren von phonegap" und in diesem Fall erneut als Benutzer installieren.
Vicenteherrera
1
Beachten Sie , müssen Sie die verwenden Node.js command prompt, nicht die in Windows cmd.exe gebaut
loadedion
2
@gotnull Ich stimme deiner Bewegung zu.
Jay Jay Jay
2
Als ich versuchte, die Eingabeaufforderung node.js zu verwenden, wurde mir ein Fehler angezeigt, der mich anwies, das Systemterminal zu verwenden. Dies ist für Node.js v0.10.26.
John Macon
Diese Antwort sagt genau, was in den offiziellen Anweisungen steht, was funktioniert, aber dies beantwortet nicht den Teil der wp8-Vorlagen. Der Ordner wp8 und die Datei createTemplates.bat können bei der Installation von cordova / phonegap mit npm nicht gefunden werden. Dies ist hauptsächlich der Punkt der Frage.
Matthieu Harlé
18

Diese Antwort wurde zuerst hier gepostet: cordova / phonegap macht kein Android-Verzeichnis

Mit der Veröffentlichung von Cordova 3.3.0 scheint das PhoneGap-Team zu versuchen, die Namensverwirrung zu beseitigen. Die Dokumentationen wurden aktualisiert, um Personen zu empfehlen, die cordovastattdessen den Befehl verwenden. Verwenden Sie den phonegapBefehl nicht mehr.

Hier ist eine neue Installationsanleitung für eine garantiert problemlose Einrichtung:

  1. Installieren Sie Cordova (vergessen Sie von nun an den Namen PhoneGap). Für PC:

    C:> npm installiere -g cordova

  2. Navigieren Sie an der Eingabeaufforderung zu dem Ordner, in dem Sie Ihr Projekt erstellen möchten, indem Sie Folgendes verwenden:

    cordova erstelle hallo com.example.hello HelloWorld
    CD Hallo

  3. Definieren Sie das Betriebssystem, das Sie unterstützen möchten, zum Beispiel:

    Cordova Plattform hinzufügen wp8

  4. Plugins installieren (falls erforderlich). Zum Beispiel wollen wir Folgendes:

    Cordova Plugin füge org.apache.cordova.device hinzu
    Cordova Plugin füge org.apache.cordova.camera hinzu
    Cordova Plugin füge org.apache.cordova.media-capture hinzu
    Cordova Plugin füge org.apache.cordova.media hinzu
    

  5. Generieren Sie zum Schluss die App mit:
    Cordova Build wp8

Hier ist ein Link zur PhoneGap Cordova 3.3.0-Dokumentation http://docs.phonegap.com/de/3.3.0/guide_cli_index.md.html#The%20Command-Line%20Interface

James Wong - Monica wieder einsetzen
quelle
1
Haben Sie auch den Befehl build zum Laufen gebracht? Ich kann in Visual Studio erstellen, aber nicht über die Befehlszeile. Fehler: D:\Project1\platforms\wp8\cordova\lib\build.js(56, 5) WshShell.Exec: The system cannot find the file specified.Nicht sicher, nach welcher Datei gesucht wird.
Atlantis
1
In Zeile 56 finden Sie Log("Command: " + command);auskommentiert. Wenn Sie es nicht kommentieren, wird es ausgedruckt commandund Sie wissen, nach welcher Datei gesucht wird.
Edward Grech
In Schritt 2 sollte es meiner Meinung nach "cd hello" anstelle von "cd HelloWorld" sein.
Jarnal
6

Diesen Fehler hatte ich auch. Ich habe sogar versucht, den PhoneGap-Master von GitHub herunterzuladen, aber ich habe herausgefunden, dass ich Phonegap 2.9 bekommen habe. Ich musste schließlich die Cordova 3-Quelle herunterladen

Befolgen Sie diese Schritte, um es zu erhalten.

  1. Laden Sie die Cordova 3-Quelle herunter und entpacken Sie sie
  2. Führen Sie die Datei template.bat im Ordner cordova-wp8 aus
  3. Kopieren Sie die generierten Zip-Dateien in Ihren Visual Studio-Vorlagenordner
Layinka
quelle
4

Phonegap Cordova Installation unter Windows

Bedarf

  • Eclipse + ADT Plugin
  • Android SDK Tool
  • Android-Plattform-Tools
  • Neuester PhoneGap-Zip-Ordner. Extrahieren Sie den Inhalt.

Unterstützte Android-Geräte

Android 2.2 Android 2.3 Android 4.x Phonegap Cordova Installation

Stellen Sie die Umgebungsvariable PATH für Android ein

  1. Klicken Sie auf dem Desktop mit der rechten Maustaste auf Arbeitsplatz und dann auf Eigenschaften.

  2. Klicken Sie in der linken Spalte auf den Link Erweiterte Systemeinstellungen.

  3. Klicken Sie im Fenster Systemeigenschaften auf die Schaltfläche Umgebungsvariablen.

  4. Wählen Sie die Variable PATH im Abschnitt Systemvariablen aus. Klicken Sie auf die Schaltfläche Bearbeiten. Sie müssen den Pfad zu Ihrem Android SDK-Plattform-Tools- und Tools-Verzeichnis hinzufügen. Zum Beispiel: D: \ adt-bundle-windows-x86_64-20130219 \ sdk \ platform-tools; D: \ adt-bundle-windows-x86_64-20130219 \ sdk \ tools Speichern Sie Ihre Bearbeitung. Schließen Sie das Dialogfeld Umgebungsvariable.

  5. Darüber hinaus müssen Sie möglicherweise auch% JAVA_HOME% \ bin in Ihren PATH aufnehmen. Um zu überprüfen, ob dies erforderlich ist, führen Sie eine Eingabeaufforderung aus und geben Sie Java ein. Wenn das Programm nicht gefunden werden konnte, fügen Sie dem Pfad% JAVA_HOME% \ bin hinzu. Möglicherweise müssen Sie den vollständigen Pfad angeben, anstatt die Umgebungsvariable% JAVA_HOME% zu verwenden.
  6. Schließlich müssen Sie möglicherweise auch% ANT_HOME% \ bin in Ihren PATH aufnehmen. Um zu überprüfen, ob dies erforderlich ist, führen Sie eine Eingabeaufforderung aus und geben Sie ant ein. Wenn das Programm nicht gefunden werden kann, fügen Sie dem PFAD% ANT_HOME% \ bin hinzu. Möglicherweise müssen Sie den vollständigen Pfad angeben, anstatt die Umgebungsvariable% ANT_HOME% zu verwenden. Neues Projekt einrichten

Öffnen Sie die Eingabeaufforderung und navigieren Sie zum Verzeichnis bin im Android-Unterordner der Cordova-Distribution.

Geben Sie Folgendes ein: ./create

Drücken Sie dann die Eingabetaste. Starten Sie Eclipse. Wählen Sie im Menüpunkt Datei die Option Importieren…

Importieren Wählen Sie "Vorhandener Android-Code in Arbeitsbereich" und klicken Sie auf "Weiter>".

Durchsuchen Sie das über die Eingabeaufforderung erstellte Projekt. Und klicken Sie auf "Fertig stellen". Bereitstellen auf Emulator Drücken Sie in Eclipse auf dieses Symbolleistensymbol.

Nach dem Öffnen zeigt der Android SDK Manager verschiedene Laufzeitbibliotheken an. Installieren Sie die APIs gemäß den Anforderungen von hier aus. Drücken Sie in Eclipse auf dieses Symbolleistensymbol.

Wählen Sie eine Gerätedefinition aus der Liste aus. (Die aktuelle Liste enthält nur ein Element.) Drücken Sie im obigen Fenster auf Neu…, um ein neues virtuelles Android-Gerät (AVD) zu erstellen und es zum Ausführen Ihres Projekts zu verwenden.

Um den Emulator als separate Anwendung zu öffnen, wählen Sie die AVD aus und drücken Sie Start. Es wird ähnlich wie auf dem Gerät gestartet, wobei zusätzliche Steuerelemente für Hardwaretasten verfügbar sind:

Auf Gerät bereitstellen:

Stellen Sie sicher, dass das USB-Debugging auf Ihrem Gerät aktiviert ist, und schließen Sie es an Ihr System an. Klicken Sie mit der rechten Maustaste auf das Projekt und gehen Sie zu Ausführen als> Android-Anwendung.

Weiterlesen ...

Ajay Patel
quelle
2

Ich hatte Probleme mit der Installation von Phonegap. Die Probleme wurden behoben, als ich cmd als Administrator ausführte und dann den Befehl ausführte

npm install -g phonegap

und es ist erfolgreich installiert.

Dann habe ich in dem Verzeichnis, in dem es installiert ist, cmd geöffnet und den Befehl phonegap ausgeführt, und es hat einwandfrei funktioniert. Jetzt werde ich mehr damit spielen :)

Danke Kumpels für all diese Hilfe.

Altaf Hussain
quelle
2

In C:\phonegap-2.9.0\lib\windows-phone-8 there'seiner Batch-Datei namens createTemplates.bat. Sie müssen diese Datei ausführen, um die CordovaWP8_2_9_0.zipin den Dokumenten angegebene Datei zu erstellen .

Steve Drucker
quelle
Ich kann diese Batch-Datei für phonegap-3.3.0 nicht finden. Tatsächlich kann ich den Windows-Phone-8-Ordner nicht finden. Irgendeine Idee, was ich falsch mache?
MysticMagicϡ
1

Ich hatte das gleiche Problem, aber schließlich hatte ich Erfolg damit. Bitte werfen Sie dieses Bild. Bitte führen Sie alle Befehle im PHONE TOOL COMMAND PROMPT aus Geben Sie hier die Bildbeschreibung ein

Mayur
quelle
Hallo Mayur. Ich versuche es mit deiner obigen Methode. Ich habe Fehler beim Hinzufügen der Plattform. Nachdem ich die Cordova-Plattform eingegeben habe, füge wp8 hinzu. Der folgende Fehler ist aufgetreten. Fehler: 'check_reqs.js' konnte nicht im Ordner 'bin' gefunden werden und wurde abgebrochen ...
Gurunathan
@ Mayur - funktioniert auch nicht für mich. Ich bekomme 'Cordova' wird nicht erkannt, bla, bla, bla. Ein Pfadproblem, nehme ich an. Aber wo ist Cordova?
schmidlop
1

Ich habe diese Multi-Device Hybrid Apps für Visual Studio-Dokumentation für CTP1.1 gefunden. Letzte Aktualisierung: 29. Mai 2014 .

Einige der Inhalte aus der Dokumentation lauten wie folgt.

Diese Version unterstützt das Erstellen von Apps für die folgenden Geräteziele :

Android 4+ (4.4 für optimale Entwicklererfahrung) iOS 6 & 7 Windows 8.0 (Store) Windows Phone 8.0

Anforderungen: Windows 8.1

Visual Studio 2013 Update 2 - Professional, Ultimate oder Premium mit den folgenden optionalen Funktionen installiert:

Tools zum Verwalten von Store-Apps für Windows 8 Windows Phone 8.0 SDK

Zusätzliche Systemanforderungen variieren je nach Geräteplattform:

Der Android-Emulator funktioniert am besten mit PCs, auf denen der Intel HAXM-Treiber installiert werden kann

Für Windows Phone 8 ist ein Hyper-V-fähiger PC erforderlich, um den Emulator Building für iOS auszuführen. Für die Verwendung des iOS-Simulators ist ein Mac erforderlich, auf dem Xcode 5.1 ausgeführt werden kann

Abhängigkeiten von Dritten:

Joyent Node.js - Ermöglicht die Integration von Visual Studio in die Apache Cordova-Befehlszeilenschnittstelle (CLI) und die Apache Ripple ™ Emulator-Git-CLI - Nur erforderlich, wenn Sie Git-URIs für Plugins manuell hinzufügen müssen

Google Chrome - Erforderlich, um den Apache Ripple-Emulator für iOS und Android auszuführen

Apache Ant 1.8.0+ - Erforderlich als Abhängigkeit für den Android-Erstellungsprozess

Oracle Java JDK 7 - Erforderlich als Abhängigkeit für den Android-Erstellungsprozess

Android SDK - Erforderlich als Abhängigkeit für den Android-Erstellungsprozess und Ripple

SQLLite für Windows Runtime - erforderlich, um Windows-Apps SQL-Konnektivität hinzuzufügen (für das WebSQL Polyfill-Plugin)

Apple iTunes - Erforderlich für die Bereitstellung einer App auf einem iOS-Gerät, das an Ihren Windows-PC angeschlossen ist

Geben Sie hier die Bildbeschreibung ein

Reva
quelle
0

Das Ausführen des CMD als Administrator unter Windows hat mich in Schwung gebracht, und ich denke, es ist nur dann sinnvoll, wenn die Leute sich nie wirklich bemühen, ihre Inhalte in einem benutzerdefinierten Verzeichnis zu installieren. Wenn Sie also node.js im Windows-Verzeichnis installieren und dann versuchen, PhoneGap auf einem nicht erhöhten CMD zu installieren, fällt es Ihnen schwer, die Pfadvariablen festzulegen.

Miau-Bohnen
quelle
0

Ich hatte das gleiche Problem. Ich habe Stunden verloren und dann gesehen, dass die installierte Version von node.js 0.8 war. Aber ich habe Version 0.10 von der Website node.js heruntergeladen und installiert.

Ich habe heruntergeladen und erneut installiert, und jetzt ist die Version 0.10. Ergebnis: PhoneGap wurde mit dieser Version erfolgreich installiert.

gabrieloliveira
quelle
0

Phonegap kann für Erstsemester etwas schwierig sein. Ich habe viel Zeit damit verbracht, den optimalen Weg zu finden, um eine robuste Android-Anwendung zu erstellen, die auf die nativen Funktionen des Telefons zugreifen kann.

Dieser Link bietet eine schrittweise Methode zum Erstellen einer Phonegap-Android-Anwendung unter Verwendung von Windows, HTML und Javascript.

Aakshay Subramaniam
quelle