共用方式為


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

 

一、 前言

現今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技術組 張守群