Bereitstellen und Ausführen der mit Visual Studio-Tools für Apache Cordova erstellten App

Artikel
09/11/2015

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.

Visual Studio kann Ihre Apache Cordova-App auf einer beliebigen Plattform erstellen, bereitstellen und ausführen: Browser, Android, iOS, Windows und Windows Phone. Dieser Artikel hilft Ihnen:

Auswählen der Zielplattform in Visual Studio
Verstehen Sie, wie Visual Studio die App für jede Plattform erstellt.

Anweisungen zum Erstellen, Bereitstellen und Ausführen Ihrer App auf einer bestimmten Plattform finden Sie in einem der folgenden Artikel:

Zusätzlich werden in diesem Artikel Informationen zum Cordova-Buildprozess in Visual Studio bereitgestellt.

Auswählen der Zielplattform in Visual Studio

Wenn Sie Ihre Cordova-App in Visual Studio ausführen möchten, müssen Sie zuerst Ihre Zielplattform auswählen. Wenn Sie dies zum ersten Mal nach der Installation von Visual Studio tun, müssen Sie möglicherweise die Liste der Projektmappenplattformen einblenden.

So wählen Sie Ihre Zielplattform aus

Wählen Sie in Visual Studio eine Plattform aus der Liste der Projektmappenplattformen aus. Im folgenden Beispiel ist Android ausgewählt.

Wenn die Liste der Projektmappenplattformen nicht angezeigt wird, wählen Sie Projektmappenplattformen aus der Liste Schaltflächen hinzufügen/entfernen aus, um sie anzuzeigen.

Alle weiteren Schritte, die zur Ausführung Ihrer Anwendung erforderlich sind, finden Sie unter den plattformspezifische Themen für Android, iOS, Windows und Windows Phone.

Funktionsweise des Cordova-Erstellungsprozesses in Visual Studio

Die Cordova-Befehlszeilenschnittstelle (CLI) übernimmt beim Erstellen und Ausführen einer Cordova-App den Großteil der Arbeit für Visual Studio. Um die Installation und Verwaltung von Cordova-eigenen Code-Plug-Ins zu erleichtern, verwendet die CLI Plugman, ein anderes Befehlszeilentool. Die CLI erfordert eine bestimmte hier gezeigte Ordnerstruktur. Der größte Teil dieser Ordnerstruktur wird in Visual Studio gespiegelt.

Cordova_VS_Project_Structure

Um die CLI des Visual Studio-Projekts zu nutzen, verwendet Visual Studio einen CLI-Präprozessor namens "vs-tac", wobei es sich um ein Node.js-Paket (npm) handelt. Beim ersten Erstellen und Ausführen eines Projekts mit Visual Studio-Tools für Apache Cordova installiert vs-tac Cordova, den Ripple-Emulator sowie weitere erforderliche Abhängigkeiten. Es ist die Aufgabe von vs-tac, einen Build zu akzeptieren, das Visual Studio-Projekt vorab zu verarbeiten, den angegebenen Cordova-CLI-Buildsystembefehl auszuführen und die App auszuführen (oder zu emulieren).

Cordova_VS_Build_Process

Beim Erstellen fügt Visual Studio eigene benutzerdefinierte Hooks in das Projekt ein, um Funktionen zu aktivieren, die von der CLI nicht unterstützt werden.

Visual Studio automatisiert das Hinzufügen von Plattformen (mithilfe des Befehls cordova platform add) und die Installation/Deinstallation des Cordova-Plug-Ins (mithilfe des Befehls cordova plugin add), basierend auf der Auswahl des Benutzers in Visual Studio. Visual Studio verwendet die CLI bei der Erstellung für die angeforderte Plattform und ausgewählte Konfiguration (z. B. cordova build android debug).

CLI-eigene Plattformprojekte und das Cordova CLI-Projekt selbst sind nicht für die Bearbeitung gedacht, fügen Sie daher diese Projekte nicht der Quellcodeverwaltung hinzu. Sie werden vom Erstellungsprozess aktualisiert und bearbeitet. Auf Wunsch können Sie jedoch die generierten systemeigenen Plattformprojekte verwenden, um eine exportierte Kopie des Projekts zu erhalten.

Es folgen einige plattformspezifischen Details zum Erstellungs- und Bereitstellungsprozess.

Android

Die CLI unterstützt sowohl die Erstellung als auch die Ausführung von Android-Apps unter Windows. Um die App mit dem Android-Emulator auszuführen, führt Visual Studio den CLI-Befehl cordova emulate android aus. Mit diesem Befehl wird die App auf einem bereits laufenden Emulator bereitgestellt, oder, wenn keiner verfügbar ist, wird der zuletzt erstellte Emulator gestartet. Um die App auf einem verbundenen Android-Gerät auszuführen, führt Visual Studio den CLI-Befehl cordova run android aus. Informationen zum Konfigurieren Ihres Android-Geräts oder -Emulators finden Sie unter Ausführen der Apache Cordova-App unter Android.

iOS

Da Windows iOS-Apps nicht direkt erstellen kann, verwendet Visual Studio einen Remote-Agenten mit der Bezeichnung remotebuild, um Ihre App auf einem Macintosh-Remotecomputer zu erstellen und auszuführen. (Sie können die App lokal erstellen, wenn Sie Visual Studio auf einem virtuellen Windows-Computer oder einem Mac verwenden). Zum Erstellen für iOS bereitet vs-tac das CLI-Projekt auf genau die gleiche Weise vor, wie sie es für jede Plattform machen würde, für iOS werden die Inhalte dann jedoch auf remotebuild auf dem Mac-Rechner übertragen. Der Remote-Agent entpackt den Inhalt, fügt die iOS-Plattform (mit dem Befehl cordova platform add ios) hinzu, kompiliert die iOS-App (cordova prepare ios; cordova compile ios), und überträgt dann das resultierende Paket (IPA) zurück auf den Windows-Hostcomputer. Weitere Informationen zum Konfigurieren von remotebuild und hosten von Visual Studio für iOS-Builds finden Sie unter Installieren von Tools für iOS.

Zum Ausführen von Apps auf iOS erstellt Visual Studio die App mithilfe von remotebuild und verwendet anschließend ios-sim, um den Simulator auf dem Macintosh-Remotecomputer zu starten. Wenn Sie die Ausführung bei am Macintosh angeschlossenem iOS-Gerät vornehmen, startet remotebuild die App direkt (der ideviceinstaller muss über HomeBrew installiert werden). Wenn Sie die App auf einem iOS-Gerät ausführen, das an Windows angeschlossen ist, erstellt Visual Studio die App und fügt sie dann iTunes hinzu, sodass Sie sie über Windows auf Ihrem Gerät bereitstellen können.

Windows und Windows Phone

Beim Erstellen für Windows/Windows Phone 8.1 und 10 generiert Cordova eine Windows Runtime-App (APPX). Beim Erstellen für Windows Phone 8 wird eine Silverlight (XAP)-WebView-App generiert. Diese Apps werden auf die gleiche Weise wie ein systemeigenes Windows 8- oder Windows Phone 8-Projekt in Visual Studio gestartet. Weitere Informationen finden Sie unter Ausführen der Apache Cordova-App unter Windows und Ausführen der Apache Cordova-App unter Windows Phone.

Ripple-Emulator

Um den Ripple-Erstellungsvorgang so schnell wie möglich zu gestalten, wird die Befehlszeilenschnittstelle verwendet, um den erforderlichen Plug-In-Code zu generieren, anderenfalls stellt Visual Studio den Webinhalt direkt bereit (anstatt den Inhalt aus dem generierten systemeigenen Projekt bereitzustellen). Beim Ausführen der App wird der Ripple Emulator initialisiert, und Chrome wird mithilfe einer Ripple-URL gestartet (z. B. https://localhost:4400/index.html?enableripple=cordova-3.0.0-Nexus7 für das Nexus7-Tablet). Alle Chrome-Einstellungen sind lokal in der Visual Studio-Instanz gespeichert, sodass Ihre normalen Browserfunktionen nicht beeinträchtigt werden. Weitere Informationen finden Sie unter Ausführen der Apache Cordova-App im Apache Ripple-Emulator.

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