部署和執行由 Visual Studio Tools for Apache Cordova 建置的應用程式

發行項
06/10/2015

本主題適用於發行前版本軟體 -- Apache Cordova 的 Visual Studio Tools。這些功能描述於預覽中，但有可能變更。您可以從 Microsoft 下載中心下載此 Preview。

本節文章提供將使用 Visual Studio Tools for Apache Cordova 建置的應用程式部署至 Android、iOS、Windows 和 Windows Phone 裝置的相關詳細資訊。此處提供的資訊包括如何在各種模擬器 (Simulator 和 Emulator) 和裝置上執行您的應用程式。

顯示方案平台清單

當您要從 Visual Studio 執行 Cordova 應用程式時，必須先選取目標平台。安裝 Visual Studio 擴充功能之後第一次嘗試執行這項操作時，可能需要顯示 [方案平台] 清單。

選取您的目標平台

在 Visual Studio 中，從 [方案平台] 清單中選擇平台。在下列範例中，已選取 Android。

如果未顯示 [方案平台] 清單，請從 [新增或移除按鈕] 清單中選擇 [方案平台] 加以顯示。

如需執行應用程式所需的其他所有步驟，請參閱 Android、iOS、Windows 和 Windows Phone 等平台專屬主題。

Cordova 在 Visual Studio 中建置流程的運作方式

在建置並執行 Cordova 應用程式時，Cordova 命令列介面 (CLI) 會為Visual Studio 執行大部分繁重的工作。若要讓安裝及管理 Cordova 原生程式碼外掛程式的流程變得簡單，CLI 會使用另一種 plugman 命令列工具。 CLI 需要特定的資料夾結構，如下所示。此資料夾結構目前不是由 Visual Studio 鏡像。

Visual Studio 中的 Cordova 專案結構

若要從 Visual Studio 專案結構利用 CLI，Visual Studio 會使用 CLI 的前置處理器，稱為 vs-mda，也就是 Node.js (npm) 封裝。您第一次建置並執行由 Visual Studio Tools for Apache Cordova 建立的專案時，vs-mda 會安裝 Cordova、Ripple 模擬器以及其他必要的相依性。 vs-mda 負責的工作是接受組建、前置處理 Visual Studio 專案、執行指定的 Cordova CLI 建置系統命令，然後執行 (或模擬) 應用程式。

Visual Studio 中的 Cordova 建置流程

建置時，Visual Studio 會將 Cordova CLI 專案複製到 [bld] 資料夾，並將其本身的自訂勾點插入至專案，以啟用 CLI 不支援的功能。在即將發行的版本中，vs-mda 會啟用更進階的 IDE 功能以及更有彈性的專案結構。

Visual Studio 會根據 Visual Studio 中的使用者選取項目自動化新增平台的程序 (使用 cordova platform add 命令)，並安裝/解除安裝 Cordova 外掛程式 (使用 cordova plugin add 命令)。 Visual Studio 會使用 CLI 來建置所選組態要求的平台 (例如，cordova build android debug)。

CLI 原生平台專案和 Cordova CLI 專案本身不適合進行編輯，因此請勿將這些專案加入至原始檔控制。這些專案會由建置流程來更新和編輯。不過，您可以選擇使用所產生的原生平台專案來取得專案的匯出副本。

下列是有關建置和部署流程中幾個平台特定的詳細資料。

Android

CLI 支援在 Windows 上建置和執行 Android 應用程式。若要在 Android 模擬器上執行應用程式，Visual Studio 會執行 CLI 命令 cordova emulate android。此命令會將應用程式部署到已在執行中的模擬器，或者，如果沒有任何模擬器可用時，會啟動所建立的最後一個模擬器。若要在已連線的 Android 裝置上執行應用程式，Visual Studio 會執行 CLI 命令 cordova run android。若要設定您的 Android 裝置或模擬器，請參閱在 Android 上執行 Apache Cordova 應用程式。

iOS

由於無法在 Windows 上建置 iOS 應用程式，因此遠端代理程式 (vs-mda-remote) 可讓您在遠端 Mac 電腦上建置並執行應用程式 (如果您在 Mac 的 Parallels 內使用 Visual Studio，也能一併在本機執行)。若要建置 iOS，vs-mda 會以對任何平台所做的完全相同方式來準備 CLI 專案，但是對於 iOS，則會在之後將內容轉移至 Mac 上的 vs-mda-remote。遠端代理程式會解壓縮內容、加入 iOS 平台 (cordova platform add ios)、編譯 iOS 應用程式 (cordova build ios)，然後將產生的封裝 (IPA) 轉移回 Windows 主機電腦。若要設定 vs-mda-remote 並裝載 Visual Studio for iOS 組建，請參閱安裝工具以建置 iOS。

若要在 iOS 上執行應用程式，Visual Studio 會使用 vs-mda-remote 來建置應用程式，然後再使用 ios-sim 啟動遠端 Mac 電腦上的模擬器。如果您是在連接至 Mac 的 iOS 裝置上執行，vs-mda-remote 會直接啟動應用程式 (必須安裝 HomeBrew)。如果您是在連接到 Windows 的 iOS 裝置上執行應用程式，Visual Studio 便會建置應用程式並將其加入 iTunes，以讓您從 Windows 將它部署至裝置。

Windows 8 和 Windows Phone

在建置 Windows 8 時，Cordova 會產生 Windows 8 適用的 Windows 執行階段應用程式 (APPX)。在建置 Windows Phone 8 時，它會產生 Silverlight (XAP) WebView 應用程式。這些應用程式會以 Visual Studio 中原生 Windows 8 或 Windows Phone 8 專案的相同方式來啟動。如需詳細資訊，請參閱在 Windows 上執行 Apache Cordova 應用程式與在 Windows Phone 上執行 Apache Cordova 應用程式。

Apache Ripple 模擬器

若要讓 Ripple 建置流程盡快完成，可使用 CLI 來產生所需的外掛程式程式碼，否則的話，Visual Studio 會直接提供 Web 內容 (而不是從產生的原生專案提供內容)。在執行應用程式時會初始化 Ripple 模擬器，並使用 Ripple URL (例如，用於 Nexus7 平板電腦裝置的 http://localhost:4400/index.html?enableripple=cordova-3.0.0-Nexus7) 來啟動 Chrome。所有 Chrome 設定都會以本機方式儲存至 Visual Studio 執行個體，因此不會影響一般的瀏覽器體驗。如需詳細資訊，請參閱在 Apache Ripple 模擬器上執行 Apache Cordova 應用程式。