Visual Studio 2019 for Xamarin 之安裝與設定 Part5 - 測試與確認開發環境可以進行 Xamarin.Forms 專案開發與結論
Visual Studio 2019 for Xamarin 之安裝與設定 Part5 - 測試與確認開發環境可以進行 Xamarin.Forms 專案開發與結論
對於已經具備擁有 .NET / C# 開發技能的開發者，可以使用 Xamarin.Forms Toolkit 開發工具，便可以立即開發出可以在 Android / iOS 平台上執行的 App；對於要學習如何使用 Xamarin.Forms & XAML 技能，現在已經推出兩本電子書來幫助大家學這這個開發技術。
這兩本電子書內包含了豐富的逐步開發教學內容與相關觀念、各種練習範例，歡迎各位購買。
想要購買
Xamarin.Forms 快速上手 電子書，請點選 這裡
想要購買
XAML in Xamarin.Forms 基礎篇 電子書，請點選 這裡
了解更多關於 [Xamarin.Android] 的使用方式
了解更多關於 [Xamarin.iOS] 的使用方式
了解更多關於 [Xamarin.Forms] 的使用方式
了解更多關於 [Hello, Android：快速入門] 的使用方式
了解更多關於 [Hello, iOS – 快速入門] 的使用方式
了解更多關於 [Xamarin.Forms 快速入門] 的使用方式
您必須要確實進行這些檢查與測試工作，確保您的 Xamarin.Forms 開發環境可以正常運作。
- 測試可以建立 Xamarin.Forms 專案
- 建置與執行 Android 專案
- 建置與執行 iOS 專案
- 建置與執行 UWP 專案
測試可以建立 Xamarin.Forms 專案
- 請在開啟 Visual Studio 2019 程式，並且，點選功能表檔案 > 新增 > 專案
- 在 新增專案 對話窗中，請在中間上方的文字輸入盒中輸入 Prism 搜尋出所有與 Prism 有關的專案範本在中間選項中，點選 Prism Blank App (Xamarin.Forms)，最後點選對話窗右下方的 下一步 按鈕
- 當 設定新的專案 對話窗出現後，在該對話窗的相關欄位，填入適當的文字，最後點選對話窗右下方的 建立 按鈕
- 出現了 PRISM PROJECT WIZARD 對話窗請依照需求，勾選需要支援的行動狀裝置平台，並且，在下方的 Container 下拉選單欄位，選 Unity完成後，請點選該對話窗下方的 CREATE PROJECT 按鈕
- 此時卻出現了 檢閱方案動作 對話窗，其內容為需要 Visual Studio 更新下列專案需要平台 SDK (UAP, Version=10.0.16299.0)，但其未安裝，或為 Visual Studio 日後更新的一部分請安裝平台 SDK，已開啟這些檔案。您也可以更新您的專案，指定需要安裝的 SDK:Target version: Windows 10, version 1809 (10.0; 組建 17763)所以，請點選 安裝 按鈕，進行安裝所需要的 SDK
此時，Visual Studio 2019 對話窗將會出現，請點選右下方的 安裝 按鈕
現在，Windows 10 SDK (10.0.16299.0) 將會進行安裝
建置與執行 Android 專案
- 當 Xamarin.Forms for Prism 專案建立完成後，請使用滑鼠右擊 Android 專案選擇 設定為起始專案
- 此時，您會在 Visual Studio 2019 中間上方區域，看到 啟動專案已經設定為 Android 專案，並且要執行的裝置為 VS Emulaor 5.2-inch Marshmallow (6.0.0) XXHDPI Phone (Android 6.0 API 23) 這個模擬器請點選有綠色三角形的模擬器項目，開始建置與在這個模擬器上來執行
- 由於第一次進行專案建置，需要下載許多 NuGet 套件，因此，需要花費一些時間，請耐心等候一下，底下是成功執行完成的畫面
- 停止這個 Android 專案的執行 (點選工具列上的紅色正方形按鈕)
建置與執行 iOS 專案
- 滑鼠右擊 iOS 專案選擇 設定為起始專案
- 建議顯示 iOS 工具列請點選功能表 [檢視] > [工具列] ，請勾選 [iOS] 這個功能表項目
現在，可以在 Visual Studio 2019 最上方的工具列中，看到 iOS 使用的相關工具圖示
- 點選上方圖片中，紅色箭頭指向的圖示， [Pair to Mac - Disconnected]當然，這個操作也是可以從功能表中點選 [工具] > [iOS] > [與 Mac 配對]
- 現在 與 Mac 配對 對話窗將會出現然而，Visual Studio 將會搜尋網路上是否有可以遠端存取的 Mac 電腦，若有存在的話，該台 Mac 電腦就會出現在清單中
- 在 Select a Mac 清單內，找到您的 Mac 電腦，並且使用滑鼠雙擊這個項目，此時，將會出現 [連線到 Mac] 對話窗，請在這個對話窗中，輸入遠端登入 Mac 電腦的使用者名稱與密碼，完成後，點選 [Login] 按鈕
不過，在這裡強烈建議在 Visual Studio 的 [輸出] 視窗中，切換 [顯示輸出來源] 清單項目成為 [Xamarin]，因為，接下來要對遠端 Mac 電腦進行各種登入、更新等動作，都可以在這裡看到相關日誌訊息，最重要的是，當您無法連線到遠端的 Mac 電腦或著覺得連線速度有些緩慢，便可以從這些輸出日誌內容，找到真正發生的原因。
像是底下的為一個登入 Mac 電腦失敗的情境，在這裡顯示出嘗試存取通訊端被拒絕，因為存取權限不足錯誤訊息，此時，可以從 Visual Studio 輸出視窗中，看到更加詳細的資訊。
Checking host configuration for connecting to '李進興的 MacBook Air'...
Checking SSH configuration...
正在檢查可用的磁碟空間...
正在檢查 Mono 安裝...
正在檢查 Xamarin iOS 安裝...
Checking host configuration for connecting to '李進興的 MacBook Air'...
Host '李進興的 MacBook Air' is configured correctly
Starting connection to '李進興的 MacBook Air'...
Starting connection to '李進興的 MacBook Air'...
Starting disconnection from 李進興的 MacBook Air...
Starting disconnection from 李進興的 MacBook Air...
The connection to '李進興的 MacBook Air' has been finished
Couldn't connect to 李進興的 MacBook Air. Please try again.
- 當與遠端 Mac 電腦連線成功之後，工具列上的 [Pair to Mac] 圖示將會變成綠色螢幕，而且在 [與 Mac 配對] 對話窗中，剛剛連線的 Mac 電腦項目的右方，也會出現一個已經連線的圖示，也就是說，現在可以開始建置與執行 iOS 的專案了。
- 請點選功能表的 [工具] > [選項]，當 選項 對話窗顯示之後，請在左邊清單，展開 [Xamarin] 節點，找到 [iOS 設定] 項目，請確認右方的 [遠端 Simulator 到 Windwos] 選項要有勾選，最後點選右下方的 [確定] 按鈕
- 請在 Visual Studio 2019 最上方的工具列中，找到 [方案平台] 下拉選項，請在這裡選擇 [iPhoneSimulator] 這個選項，此時，右方下拉選項就會顯示出遠端 Mac 電腦中的各式模擬器清單，選擇一個適合您的模擬器項目，接著點選該項目的綠色按鈕，開始建置與執行 iOS 專案。
- 底下將會是成功執行 iOS 專案的畫面，也就是說，當要模擬器來進行 iOS 專案執行或除錯的時候，iOS 模擬器將會直接顯示在 Windows 電腦中，如此，就不需要在進行開發過程，同時關注兩個系統螢幕上出現的內容了。
- 停止 iOS 專案的執行
建置與執行 UWP 專案
- 使用滑鼠右擊 UWP 專案選擇 設定為起始專案
- 點選 Visual Studio 2019 最上方工具列綠色三角形的本機電腦底下將會是成功執行 UWP 專案的畫面
- 停止 UWP 專案的執行
結論
若您的 Visual Studio 2019 可以成功建立 Xamarin.Forms 專案，可以建置在 Android / iOS / UWP 平台下執行，那麼，恭喜您，您的 Visual Studio 2019 開發環境，已經可以正常進行 Xamarin.Forms 跨平台專案開發了
選擇 [iPhoneSimulator] 選項後，若沒辦法看到遠端 Mac 電腦中的各式模擬器清單，先檢查Mac的Visual Studio是否有更新，更新後重新連線一次，就會好了~ (至少我是這樣解決的)
回覆刪除原則上，VS2019 會自動搜尋區域網路上的 Mac 電腦，當然，也可以自己輸入 IP 來直接與 Mac 電腦進行連線
刪除