共用方式為


使用 Parallels 建置適用於 iOS 的 Cordova 應用程式

本文將說明如何使用 Visual Studio 中的 Apache Cordova 建置混合式應用程式,並使用 Parallels 將其部署至 iOS。 若要完成此工作,下列為必須項目:

任何可執行 Mavericks 或 Yosemite 的 Mac 應該能與 Parallels 及 Visual Studio 搭配運作,如 2013 MacBook Pro。

設定 Parallels

若要在 Mac 上安裝 Parallels 和 Windows 8,請遵循 Parallels 隨附的指示進行。 一旦您安裝好 Parallels 和 Windows 8,請考慮是否應該提供 VM 額外的 RAM 與儲存空間,因為預設值可能不足。 下圖可顯示 Parallels 中的一些設定範例。

平行組態設定

在我們測試的環境中,我們在 Mac 上提供 VM 2 個 CPU、3 GB 的 RAM,以及 8 GB 的 RAM。 如此可供 Windows 效能運作良好,且仍留有足夠的記憶體供 OS X 運作。

使用 vs-mda-remote 設定 Node.js

只要啟動並執行 Parallels,就可以開始設定 Mac。 您必須先在 OS X 上安裝 Node.js。 請遵循 http://nodejs.org 中的指示並安裝 Node.js。

安裝 Node.js 之後,取得 vs-mda-remote 代理程式。 遠端代理程式可讓 Visual Studio 與 OS X 進行通訊,並使用 Mac 作為建置服務。 您可以開啟 Mac 上的 Terminal 應用程式並安裝 vs-mda-remote,接著輸入下列命令:

sudo npm install -g vs-mda-remote

上述命令會在 Mac 上替 Node.js 的所有使用者安裝 vs-mda-remote 代理程式。 它也會安裝相依性的 ios-sim (稍後會使用到 ios-sim)。 如果您不想讓其他人使用 vs-mda-remote 代理程式,您可以從命令中放下 –g 旗標,替目前的使用者安裝該代理程式。

重要

如果 Node.js 顯示錯誤訊息,您可能需要先啟動 Xcode,並接受一個以上的授權合約。若是您這樣做,請重新執行上述命令。

請確定 Parallels 為執行中。 在安裝 vs-mda-remote 之後,請在 Terminal 應用程式中輸入下列命令啟動代理程式。

vs-mda-remote
注意事項注意事項

根據預設,您的 iOS 建置會顯示在 ~/remote_builds/ 中。

當您第一次執行 vs-mda-remote 時,代理程式會建立一些安全性憑證,而且您會看到類似下圖的項目。

當您第一次啟動遠端代理程式時的輸出

您在 Visual Studio 中設定代理程式時必須使用 PIN。 現在該 vs-mda-remote 代理程式會開始啟動並執行。 將 Terminal 應用程式保持為開啟狀態。

在 Mac 上取得 IP 位址

Parallels 執行中時,從 Parallels 連接到 Mac 最可靠的方式是使用其中一個 vnic IP 位址,因為通常在重新啟動期間不會有所變更。 您可以在 Terminal 應用程式上輸入下列命令,以取得這些 IP 位址:

ifconfig

看起來的結果應該如下所示。

Terminal 應用程式中的 ifconfig 命令

其中一個 vnic IP 位址可以運作。 執行 vs-mda-remote 及準備好可使用的 vnic IP 位址之後,您可以在 Parallels 中開啟 Visual Studio,即可在 Mac 上開始建置。

設定 Visual Studio 以便使用 vs-mda-remote

在 Parallels 中開啟 Visual Studio,選擇 [工具],接著選擇 [選項]。 開啟 [Tools for Apache Cordova],然後選擇 [遠端代理程式設定]。 在遠端代理程式設定中進行下列變更。

  • 將 [啟用遠端 iOS 處理] 設定為 [True]。

  • 將 [主機] 設定為先前您取得的其中一個 vnic IP 位址。

  • 將預設 [連接埠] 設定為 3000。

  • 將 [安全性 PIN] 設為您第一次執行 vs-mda-remote 時顯示的 PIN。

在 Visual Studio 中設定遠端代理程式

注意事項注意事項

如果您沒有在[選項] 對話方塊中看到 [Tools for Apache Cordova],則可能需要安裝工具。使用本文開頭的連結取得工具。(如果已安裝工具,則請嘗試選取出現在 [選項] 對話方塊底部的 [顯示所有設定] 核取方塊)。

如果您的安全性 PIN 已逾期,則可能需要重新產生憑證。 如需詳細資訊,請參閱安裝工具以建置 iOS

針對 iOS 建置專案

接下來,請您確定是要在 iOS 上建置專案。 如果您沒有在偵錯工具列上看到 [解決方案平台] 清單,您可以選擇偵錯工具列右邊的下拉式箭號將其顯示,如下圖所示。

選取用以部署的平台

在 [方案平台] 清單上選擇 iOS。 然後選取您想要在 [偵錯目標] 清單中建置的裝置,例如 [模擬器 – iPhone 5]。

選取 iOS 模擬器

選取您要的裝置之後,選擇開始偵錯按鈕 (向右的綠色箭號)。 Visual Studio 會建置您的專案,並將一些建置工作交由 vs-mda-remote 處理。 建置完成時,vs-mda-remote 會啟動模擬器並載入您的應用程式。

iOS 模擬器

現在您已有使用 Visual Studio 和 Parallels 的 iOS 工作混合式行動應用程式開發環境。 您可以開發 Cordova 應用程式並輕鬆地在 iOS 中進行測試。

若要在關閉之後繼續開發工作階段,您就必須重新啟動 vs-mda-remote。 如先前所述,只要開啟在 OS X 上的 Terminal 應用程式並在命令列上輸入下列命令:

vs-mda-remote 

如此簡單,祝您好運並開心探索開發下一個行動裝置應用程式!