Mobile Center で Xamarin.Forms 製の Android のアプリをビルドする

# Mobile Center とは

Mobile 開発に必要なものがひとまとめになったオールインパッケージよのようなものです。   
いろいろな機能があります。例えば、アプリの 継続的インテグレーション、UI Test, アプリのクラッシュ管理、、、　   
今（2017/04/12） はまだプレビューなので、いろいろと機能が足りないところがありますが、かなり使える楽しみなサービスです。

![](https://lh3.googleusercontent.com/-xDYuXI3nIbo/WOUnUY_7IgI/AAAAAAAAI2I/ljawpkftIOU/s0/chrome_2017-04-06_02-20-15.png)

# やったこと

## 1. Mobile Center で Android/Xamarin な App を追加する

**Add new** というドロップダウンボックスをクリックすると出てくる、メニューの **Add new app** というボタンをクリックして追加します。

![](https://lh3.googleusercontent.com/-aCUn4Aoy7GA/WO4DpLqx59I/AAAAAAAAJEQ/RO_gPomrlqo/s0/chrome_2017-04-12_19-38-28.png)

アプリの名前等を入力します。

自分は以下の設定にしました。

- AutoCalc.Android
- Android
- Xamarin

![](https://lh3.googleusercontent.com/-pW1jdwI_FiA/WO4D909ZlCI/AAAAAAAAJEU/ego_SDaQbiE/s0/chrome_2017-04-12_19-39-38.png)

![](https://lh3.googleusercontent.com/-Qwjyt7WVMtc/WO4DZWCx9NI/AAAAAAAAJEI/QPfxFnK7hTA/s0/chrome_2017-04-12_19-37-19.png)

## 2. **Build** タブをクリックする

左側にあるメニューの中から、 **Build** と書かれたメニューをクリックします。

![](https://lh3.googleusercontent.com/-qDx7HtOqt5U/WO4Dg_rpp_I/AAAAAAAAJEM/XYArW8yBY0A/s0/2017-04-12_19-37-52.png)

## 3. Build するソースの取得元に Github を設定する

### ソース元の選択

最近アップデートされて、 **BitBucket** のソースコードも選択できるようになったようですね。
Visual studio Team Services はまだサポートされていないみたいなので、楽しみですね。

> Bitbucket: Connect to source code repositories using GitHub... and now BitBucket, too! VSTS support coming soon.

[https://docs.microsoft.com/en-us/mobile-center/general/changelog:embed:cite]

![](https://lh3.googleusercontent.com/-uF08Gf0O5Jg/WO4ES64TDYI/AAAAAAAAJEc/zLfBV9-6n_o/s0/chrome_2017-04-12_19-41-11.png)

### リポジトリの選択

検索ボックスを使うと簡単にリポジトリを見つけれる。

![](https://lh3.googleusercontent.com/-3Dcu8Us4f1s/WO4EaC_Jd5I/AAAAAAAAJEk/jgODO1CyWxA/s0/chrome_2017-04-12_19-41-42.png)

### ブランチの選択

スクショでは、 **master** ブランチしかないです。。。すいません。

![](https://lh3.googleusercontent.com/-bPF9lhfdxXs/WO4EjA6KhuI/AAAAAAAAJEo/2r3mRmImEfU/s0/chrome_2017-04-12_19-42-19.png)

ブランチを選択すると、確認ページみたいなのに飛ぶので、 **Set up Branch** をクリックして、起動してみてください。

![](https://lh3.googleusercontent.com/-yqjKYmCrlXQ/WO4EoAfGHaI/AAAAAAAAJEs/xYKC8kC7hHI/s0/chrome_2017-04-12_19-42-39.png)

### プロジェクトの選択や、ビルドするモード等の選択

Visual Studio team Services で ビルド定義を作るときと違って、簡単にプロジェクトを指定してビルドするようにできます。   
**Build on push** のオプションを有効にすると、 Github にプッシュが来た時に自動でビルドを走らせれるようです。   
また、今回はテストみたいな感じでやるので、 **Sign** の部分は設定していません。

![](https://lh3.googleusercontent.com/-j0lkd-tuFjs/WO4Eth6s_UI/AAAAAAAAJEw/nXw3QXrcIfs/s0/chrome_2017-04-12_19-42-58.png)

## 4. ビルド開始してみる

ページが遷移して少し待つと、自動で最初のビルドが開始します。

![](https://lh3.googleusercontent.com/-w_wJEY4r3vo/WO4E39bzy5I/AAAAAAAAJE0/ibpIYfRm67Q/s0/chrome_2017-04-12_19-43-42.png)

![](https://lh3.googleusercontent.com/-ZLqVFbsZOUE/WO4FAWce7WI/AAAAAAAAJE4/86hkFBgxQDw/s0/chrome_2017-04-12_19-44-04.png)

## 5. ビルドが成功

あっけなく、アプリのビルドが成功してしまいました。 Visual Studio Team Services と比べると、はるかに簡単に継続的インテグレーションできます。

![](https://lh3.googleusercontent.com/-XY4KVTr2fcE/WO4GwZjAtpI/AAAAAAAAJFE/6WSngjAIdm4/s0/chrome_2017-04-12_19-51-42.png)

右上のあるコミットナンバーのところから、 **Github** のコミットの画面に飛べます。    
![](https://lh3.googleusercontent.com/-wyqFs4018Ng/WO4HbcAz0BI/AAAAAAAAJFY/r3vtsWP8lOI/s0/chrome_2017-04-12_19-54-33.png)

また、ダウンロードのドロップダウンボックスのメニューからは、

![](https://lh3.googleusercontent.com/-u86JP4GMLgA/WO4HNE_5cKI/AAAAAAAAJFI/R44gfXLRJVs/s0/chrome_2017-04-12_19-53-40.png)

**Download build** のメニューからは、 ***.apk** ファイルがダウンロードできます。

![](https://lh3.googleusercontent.com/-tJDknRg5MIU/WO4HThKoZaI/AAAAAAAAJFU/fmVGZsc9USE/s0/explorer_2017-04-12_19-54-05.png)

**Download log** からは、 Build のログが zip でダウンロードできます。
![](https://lh3.googleusercontent.com/-BpXqBYB9PX0/WO4HtOnHDgI/AAAAAAAAJFc/9hstKN6OKhw/s0/explorer_2017-04-12_19-55-46.png)


# まとめ

Mobile Center は、VSTS よりもはるかに手軽に、ハードルが低く利用を開始できるツールだと感じました。
ただ、今回は、利用しませんでしたが、 Xamarin Test Cloud がラップされた、 **Test** という機能もあることから、 モバイルアプリ、中でも Xamarin に特化されているなと感じました。たとえば、 ASP.net core などを 使ってごにょりたいときは、 VSTS を使うしかないのかなと。。。