Zugriff auf ein systemeigenes Cordova-Projekt

Die Cordova-Tools sind in Visual Studio 2013 als Preview (CTP) Version veröffentlicht. Die Cordova-Tools werden Als Teil von Visual Studio 2015 veröffentlicht und wir empfehlen, zum Entwickeln von Apps Visual Studio 2015 RTM und die Visual Studio-Tools für Apache Cordova zu verwenden. Sie können Visual Studio aus dem Microsoft Download Center herunterladen.

Wenn Sie mithilfe von Visual Studio-Tools für Apache Cordova eine App erstellen, ruft Visual Studio die Apache Cordova-Befehlszeilenschnittstelle (Command Line Interface, CLI) auf, um Ihre App für das angegebene Gerät bzw. für den Emulator zu erstellen. Im Ordner "bin" im Projektverzeichnis von Visual Studio kann auf die erstellten Pakete zugegriffen werden.

Wenn Sie auf ein systemeigenes, plattformspezifisches Projekt zugreifen müssen, finden Sie es im Ordner "platforms\Plattform" (z. B. "platforms\android") Ihres Visual Studio-Projekts. (Systemeigene iOS-Projekte werden nicht an diesem Speicherort gespeichert. Informationen hierzu finden Sie unter Zugriff auf ein systemeigenes Xcode-Projekt.)

Wenn Sie auf Windows Phone 8 abzielen, ist das durch Cordova für Windows Phone generierte systemeigene Projekt eine Silverlight-App, die in einem WebView-Steuerelement ausgeführt wird. Wenn Sie auf Windows Phone (Universal) abzielen, ist das generierte Projekt eine systemeigene Windows Store-App (ein APPX-Paket) für Windows Phone 8.1.

Warnung

Sämtliche Änderungen, die Sie an einem systemeigenen Projekt vornehmen, wirken sich nicht auf das Projekt in Visual Studio aus.Der Inhalt des Ordners "platforms" wird durch einen Bereinigungsvorgang aus Visual Studio entfernt, z. B. Projektmappe bereinigen.In einigen Szenarien sind möglicherweise systemeigene Tools zum Debuggen erforderlich.Weitere Informationen zur Verwendung eines plattformgerichteten Workflows und von systemeigenen Projekte finden Sie unter diesem Apache Cordova Artikel.

Erstellen und Debuggen einer App mit einem systemeigenen Projekt

Wenn Sie eine App mit dem systemeigenen Projekt erstellen oder die systemeigenen Debugtools verwenden möchten, müssen Sie die Cordova-CLI installieren. Wenn Sie eine Erstellung für iOS vornehmen, finden Sie Informationen unter Erstellen einer iOS-App mit einem systemeigenen Projekt.

So wird eine App mit einem systemeigenen Projekt erstellt

1. Stellen Sie sicher, dass die Tools für Apache Cordova installiert sind.

2. Installieren Sie die Cordova-CLI, indem Sie die folgenden Befehle an der Eingabeaufforderung eingeben:

   npm install -g cordova@4.3.0
   

3. Zur Ausführung von CLI-Befehlen an einer Eingabeaufforderung wechseln Sie zum Ordner "platforms", und geben Sie einen CLI-Befehl ein.

   Jetzt können Sie jeden Cordova-CLI-Befehl für das systemeigene Projekt ausführen. Weitere Informationen zu CLI-Befehlen finden Sie unter Die Befehlszeilen-Schnittstelle in der Dokumentation zu Cordova.

4. Wenn Sie Projekte mithilfe der Cordova-CLI erstellen möchten, fügen Sie zuerst die Plattform hinzu:

   cordova platform add <platform>
   

   Um beispielsweise Android zur Gruppe der zu erstellenden Projekten mit einzuschließen, geben Sie cordova platform add android ein.

   Dann verwenden Sie den folgenden Befehl, um alle plattformspezifischen Projekte zu erstellen:

   cordova build
   

   Ein vollständig generiertes systemeigenes Projekt finden Sie in Ihrem Projekt im Ordner "platforms\Plattform".

Zugriff auf ein systemeigenes Xcode-Projekt (iOS)

In einigen Fällen benötigen Sie möglicherweise Zugriff auf das generierte Xcode-Projekt, um ein systemeigenes iOS-Problem zu beheben. Glücklicherweise können Sie schnell Zugriff auf das Projekt erlangen, das zum Erstellen Ihrer App verwendet wurde.

So greifen Sie auf ein systemeigenes mit vs-mda-remote erstelltes Xcode-Projekt zu

1. Erstellen Sie Ihre App mit einem iOS-Simulator oder Geräteziel.

2. Wechseln Sie nach Fertigstellung des Builds zum Fenster "Ausgabe", und wählen Sie Ausgabe anzeigen von: Build aus.

   Die endgültigen Einträge der Buildausgabe sollten in etwa wie folgt aussehen:

   1>  ** BUILD SUCCEEDED **
   1>  
   1>  Command finished with error code 0: /Users/<username>/remote-builds/builds/8382/cordovaApp/platforms/ios/cordova/build --debug
   

3. Wechseln Sie auf Ihrem Mac zum Ordner "ios" im Pfad, der in der Buildausgabe angegeben ist. Im obigen Beispiel ist dies "/Users/<Benutzername>/remote-builds/builds/8382/cordovaApp/platforms/ios".

   Wichtig

   Wenn der vs-mda-remote-Agent angehalten wird, wird der Build (einschließlich des generierten Xcode-Projekts) gelöscht, es sei denn, Sie haben vs-mda-remote mit dem Befehl --deleteBuildsOnShutdown false gestartet.

4. Doppelklicken Sie auf die XCODEPROJ-Datei in diesem Ordner, und das Projekt wird in Xcode geöffnet.

Erstellen einer iOS-App mit einem systemeigenen Xcode-Projekt

Da Sie keine App für iOS unter Windows erstellen können, erfordert das Erstellen für iOS mit dem systemeigenen Projekt einige zusätzliche Schritte.

So wird eine iOS-App erstellt

1. Installieren Sie auf Ihrem Mac node.js.

2. Installieren Sie auf Ihrem Mac die Cordova-CLI mit dem folgenden Befehl:

   sudo npm install -g cordova@4.3.0
   

3. Kopieren Sie den Inhalt des Visual Studio-Projekts von Ihrem Computer auf Ihren Mac, oder checken Sie ihn in der der Quellcodeverwaltung aus.

4. Gehen Sie mithilfe der Terminal-App zum Ordner, in den Sie den Inhalt kopiert haben, und geben Sie den folgenden Befehl ein:

   cordova platform add ios
   

   Jetzt können Sie auch andere Cordova-CLI-Befehle ausführen, z. B.:

   cordova build ios
   

   oder:

   cordova emulate ios
   

   Weitere Informationen zu CLI-Befehlen finden Sie unter Die Befehlszeilen-Schnittstelle in der Dokumentation zu Cordova.

Wenn Sie auf die XCODEPROJ-Datei im Ordner !platforms\ios" doppelklicken, wird das Projekt in Xcode geöffnet.

Verwendung des Cordova-Befehls Verarbeiten (Serve)

Mit dem Cordova-Befehl serve können Sie das Layout und die zugrunde liegenden CSS Ihrer App auf einem lokalen Webserver testen. Dies ist oft hilfreich, bevor Sie mit dem Test des Geräts beginnen.

Hinweis

Diese Version bietet keine Unterstützung für die App Adobe PhoneGap Developer von Visual Studio; jedoch unterstützt die Cordova-CLI den gleichen serve-Befehl, der von der App PhoneGap Developer verwendet wird.

So wird Ihre App auf einem lokalen Web-Server bei Verwendung eines systemeigenen Projekts ausgeführt

1. Geben Sie den folgenden Befehl aus dem Ordner "platforms" Ihres Visual Studio-Projekts ein, bevor Sie serve verwenden:

   cordova prepare <platform>
   

   Für eine Android-App können Sie cordova prepare android eingeben.

2. Führen Sie als nächstes diesen Befehl aus, um den Web-Server-Host zu starten:

   cordova serve <platform>
   

   Die Ausgabe dieses Befehls enthält die URL, die Sie zum Zugriff auf Ihre App verwenden können.

3. Öffnen Sie einen Browser und navigieren Sie zur mitgelieferten URL.

Warnung

In dieser Version müssen Sie die App erneut erstellen, um seinen Inhalt zu aktualisieren.

Herunterladen der Visual Studio-Tools für Apache Cordova oder weitere Informationen

Siehe auch

Konzepte

Erste Schritte mit Visual Studio-Tools für Apache Cordova

Weitere Ressourcen

FAQ