如何使用Xamarin快速結合Azure-App-Service

  • Article

 

一、 前言

現今Mobile App最重要的就是後端的服務，而Azure提供了完整的後端服務，其中包括：資料儲存、身分驗證、推送通知…等必備功能。可以讓我們非常快速地建立一套完整的後端系統，並且支援自動調整規模以滿足數百萬部裝置的需求，達到高規模性(Scalability)的特點，再結合Xamarin快速開發的特性，讓我們同時開發Android App、iOS App，Windows Phone App。跟著我做，30分鐘讓您的Xamarin專案與Azure完美結合！

圖一、Azure Mobile Service架構圖

圖二、Xamarin運作架構圖

 

 

二、 建立Azure Mobile Service

  1. 確定自己Azure帳號的訂閱至少為Pay-As-You-Go Subscription，這樣才可以順利建立Azure Mobile Service
  2. 進入https://manage.windowsazure.com/ → 點選下方新增，並選擇計算→行動服務→建立

3. URL選擇一個獨一無二的域名；資料庫則可以選擇免費20MB的SQL Server或者建立一個完整的SQL Server，而在此我們用免費的20MB即可；提供Azure Mobile Service的地區有美國、北歐、東亞，日本，而我們選擇最靠近我們的日本西部；後端的部分有 .NET與JavaScript可選擇，可依個人喜好選擇。

4. 資料庫名稱會自動設定好，填入伺服器的登入名稱(帳號)以及密碼，地區一樣選擇日本西部。

5. 點選行動服務→點選我們剛建立的AzureWithXamarin

6. 點選Xamarin並選擇建立新的Xamarin應用程式

7. 第一步驟為取得Xamarin的安裝工具，這邊我就跳過安裝步驟；第二步選擇Android平台並下載

三、 使用Xamarin連接Azure

  1. 點選AzureWithXamarinService→右鍵→發行

2. 點選Microsoft Azure行動服務

3. 登入後選擇我們剛剛建立的AzureWithXamarin行動服務→確定

4. 所有資訊Visual Studio都會幫我們處理好，按下發行即可

5. 之後Visual Studio會幫我們安裝好需要的套件以及部屬行動服務至Azure

6. 發布完成後，點選AzureWithXamarin→右鍵→設定起始專案→點選Component按右鍵→Get More Component

7. 此時會開啟Component頁面→選擇Azure Mobile Service

8. 按Add to App

9. 之後直接按建置專案→開始偵錯，然後就會開啟虛擬機並執行App

10. 到這裡我們就成功將Xamarin專案結合Azure Mobile Service！

 

三、  結語

 我們可以發現Azure已經幫我們做了很多工作，只要輕鬆部署並針對Sample Code修改即可。

 

撰寫人：MSP技術組 張守群