1. 程式人生 > >小白帶你入坑xamarin系列之環境搭建和準備

小白帶你入坑xamarin系列之環境搭建和準備

序言:

移動端的跨平臺百花齊放,各種技術方案和方法都是層出不窮。目前xamarin確實是一套成熟可靠,完全值得信賴的開發框架。尤其是對傳統做WPF ASP.NET的開發團隊來說要節約成本開始移動端開發。這個是很好的一個選項。

開始之前回答2個問題。

1、我學了xamarin是不是可以不用學習安卓和iOS了? 答案當然是否定的,你還是要了解安卓,瞭解JAVA,同樣的你一樣要學習iOS的和Object-C的內容。

2、既然我還得學安卓和iOS為什麼我還要學xamarin這樣的東西?首先這裡掌握安卓和iOS,並不要求你掌握多麼全面,有一些基礎的瞭解即可。當然掌握得越全面你接下來解決各種問題的能力會越強。我們選用xamarin是為了跨平臺,是為了更快的開發效率,如果不能解決這個問題這樣的技術實際上是不能作為一個技術選型的。根據小白的專案經驗表示在一個實際開發團隊中,絕大部分內容都是基礎和簡單的。所以只要團隊裡有那麼一個人掌握全面了。基本上這個團隊開發xamarin就沒太大問題。

開發環境準備

一般情況下移動端開發我們只考慮Android 、iOS和 UWP   目前2大主流開發環境   由於iOS開發的限制所以必須有XCODE和Mac主機  即使你使用xamarin開發也逃不開這樣的限制。

目前環境搭建分為2個部分。

一、Windows篇+Mac 代理機

安裝包下載

1、 VS2017下載 https://www.visualstudio.com/zh-hans/downloads/ 社群和企業版均可

2、 下載Java環境http://download.xamarin.com/Installer/MonoForAndroid/jdk-8u101-windows-i586.exe

3、 Android NDK http://dl.google.com/android/ndk/android-ndk-r10e-windows-x86_64.exe

4、 Android SDK  https://dl.google.com/android/installer_r24.4.1-windows.exe

2  3  4如果無法正常下載 可以使用百度雲盤 https://pan.baidu.com/s/1hsfCYvM

Windows安裝VS2017即可。

預設情況下安裝VS2017只用勾選Xamarin不要勾選Android相關選項。最好是單獨安裝元件,不然就這個安裝過程會讓你抓狂的。

 0?wx_fmt=png

勾選單個元件裡面的

 0?wx_fmt=png

這個時候是沒有安裝成功的 但是VS裡面已經有了對應的開發模板 比如安卓的專案模板。

開啟工具   選項  選擇xamarin節點

選擇

 0?wx_fmt=png

對應的Java環境 SDK NDK 都為空 這個時候下載安裝對應的環境並指向。

安裝對應的Java JDK   然後安裝Android SDK  Android NDK

成功後

 0?wx_fmt=png

Android SDK安裝完畢後 會提示沒有SDK 這個時候 應該進入對應的Android SDK目錄

 0?wx_fmt=png

執行批處理 下載對應Android  SDK版本

 0?wx_fmt=png

如果手上有安卓手機這個時候已經可以正常開發了。

把你的安卓手機開啟 開發者模式 USB連線到Windows電腦上。

Vs2017新建專案 選擇預設的安卓模板 點Debug執行

就可以看到第一個xamarin 安卓APP了

如果沒有真機這個時候還需要安裝一個模擬器。

開啟VS2017 選擇工具  選擇Android 選擇Android模擬程式管理器

 0?wx_fmt=png

Create一個新的AVD即可。最後還是強烈建議使用真機。

關於mac主機說明

Mac主機的問題解決方案有以下幾種。1、安裝虛擬機器 2、使用黑蘋果(只要是Intel系CPU絕大部分還是可以裝成功的。具體可以準備一臺普通PC在X寶尋求幫助)3、購買二手的Mac主機根據層色和需求(1k-7k都有)也是可以的

Mac的開發環境搭建。

首先進入Appstore 安裝XCode 預計耗時半個到一個小時

 0?wx_fmt=png

安裝完畢

Mac需要安裝以下幾個環境

Mono 執行時 https://download.mono-project.com/archive/5.0.1/macos-10-universal/MonoFramework-MDK-5.0.1.1.macos10.xamarin.universal.pkg

Xamarin.IOS https://dl.xamarin.com/MonoTouch/Mac/xamarin.ios-11.6.1.2.pkg

環境就搭建完畢了  一般情況下我建議大家再安裝vs for mac 目前很好用的ide

vs for mac https://dl.xamarin.com/VsMac/VisualStudioForMac-7.0.1.24.dmg

遠端Agent需要配置如下

1選擇系統偏好設定  2選擇 共享  3選擇 遠端登入 4選擇所有使用者

 0?wx_fmt=png0?wx_fmt=png

0?wx_fmt=png

這個時候可以在你Windows的VS上嘗試連線下mac主機

 0?wx_fmt=png

一般情況下會預設找到您的mac主機。

沒有找到可以點選下面的Add Server 輸入mac機器的ip地址

 0?wx_fmt=png

點選連線會提示讓你輸入使用者名稱和密碼 輸入你登入mac的使用者名稱和密碼即可

登入成功後工具欄的mac主機就會變成綠色0?wx_fmt=png

點選0?wx_fmt=png

看看mac主機是否彈出模擬器。如果彈出則說明成功,不能彈出則說明連線失敗。檢查下是否允許遠端登入。

此刻Window下開發安卓和IOS均已成功。

嘗試寫個demo跑起來看看。

二、純Mac開發機環境搭建

對於已經有Mac主機並且準備一直用做主力開發機的同學來說。和Windows搭建唯一的區別就是需要配置下Java和Android SDK  NDK

建議使用

如果下載不順https://pan.baidu.com/s/1hsfCYvM 可以使用百度網盤

https://xampubdl.blob.core.windows.net/static/installer_assets/v3/Mac/Universal/InstallationManifest.xml 中的連線進行下載安裝。

分別安裝

1、 Mono  

https://dl.xamarin.com/MonoFrameworkMDK/Macx86/MonoFramework-MDK-5.4.1.7.macos10.xamarin.universal.pkg

2、 JDK

http://download.oracle.com/otn-pub/java/jdk/8u161-b12/2f38c3b165be4555a1fa6e98c45e0808/jdk-8u161-macosx-x64.dmg  (2018.01.18 進行更新)

無法直接下載的 請在oracle官網下 下載  http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 

3、 Android SDK

http://dl.google.com/android/android-sdk_r24.4.1-macosx.zip 解壓即可

4、 Android NDK

http://dl.google.com/android/ndk/android-ndk-r14b-darwin-x86_64.bin 下載後解壓會對習慣Win的同學會稍微麻煩。需要在終端中執行

win(Command) +空格 輸入T 一般情況下就能夠找到終端了(類似CMD)

1.獲取檔案許可權

chmod a+x android-ndk-r14b-darwin-x86_64.bin

2. 解壓出檔案

./android-ndk-r14b-darwin-x86_64.bin

5、配置XCode 在Appstore安裝即可

6、安裝VS for Mac

https://dl.xamarin.com/XamarinforMac/Mac/xamarin.mac-4.0.0.214.pkg 下載安裝即可

執行VS第一次預設是英文絕大部分人不習慣情況下 在頭部

 0?wx_fmt=png

可以選擇偏好 也可以輸入快捷鍵 Win(Command) + , (逗號)可以開啟配置

配置

 0?wx_fmt=png

 https://dl.xamarin.com/MonoforAndroid/Mac/xamarin.android-8.1.5-0.pkg 

下載並安裝xamarin Android

選擇位置

 0?wx_fmt=png

配置好對應的環境

Apple的開發環境只要安裝好Xcode即可

自此環境搭建完畢。

如果需要安卓模擬器的還是一樣

選擇工具  選擇Google模擬器管理。如果出現

 0?wx_fmt=png

目前的SDK版本過新 要用命令列進行管理AVD

2種處理邏輯

1、 降低SDK版本

開啟工具

 0?wx_fmt=png

0?wx_fmt=png

其他都取消掉

然後在開啟Google模擬模擬器

就有熟悉的AVD管理了。

還是建議使用真機。

2、 使用AndroidStudio 建立AVD

原文地址:http://www.cnblogs.com/jasondun/p/8098791.html 

.NET社群新聞,深度好文,歡迎訪問公眾號文章彙總 http://www.csharpkit.com

640?wx_fmt=jpeg