モバイル開発エンジニアではない者が、初めてApp Centerサービスを使ってモバイルアプリを自動ビルドを試してみた纏めです。

1. ポンコツエンジニアが
VS AppCenter 触ってみた
モバイルアプリのCI/CD
テーマは脱神エクセル！！

2. 自己紹介
・2012年4月 : CCNP
・2012年6月 : モバイルシステム技術検定2級
・2017年10月 : LPIC Level2
・2018年10月 : Microsoft Azure Infrastructure Solutions
・2019年4月 : HTML5 Level2
・2019年10月 : Azure Administrator
・2019年11月 : Azure DevOps Engineer Expert
資格
担当領域
インフラ全般、最近はAzureがメイン
Web Apps、SQL Databaseなど
フリーランスエンジニア
東 健太郎（ひがし けんたろう）
・某金融機関様のオフサイトセンター構築
・セキュリティ関連製品の検証～構築
・Active Directory 移行支援（2003中間 ⇒ 2012）
・Azure移行支援（データ移行、VM構築など）
・BtoB WEB系システム更改支援（オンプレ⇒Azure）
主な経験

3. AZ-400 Azure DevOps Engineer Expert
Visual Studio App Centerとは①
⚫ モバイルアプリのデプロイ自動化
⚫ モバイルアプリのリリース自動化
⚫ モバイルアプリのテストの自動化、ログ収集
Azure DevOpsで出来ること
⚫ サーバサイドのアプリケーションデプロイの自動化
⚫ インフラデプロイの自動化
⚫ プロジェクト管理
Azure Devops + App Centerでプロジェクト管理からサー
バサイド、クライアントサイドのCI/CDまでを行える。

4. AZ-400 Azure DevOps Engineer Expert
Visual Studio App Centerとは②
こんな感じのイメージに出来るハズ！
参考：モバイル アプリの開発/運用を Visual Studio App Center と Azure で加速
させよう!
https://www.slideshare.net/ssusercd7b97/visual-studio-app-center-azure

5. Visual Studio App Center 対応アプリ
対象OSはiOS、Android、Windows、MacOS
プラットフォームはXmarin、UWP、ReactNativeなどに対応
Visual Studio App Center
https://visualstudio.microsoft.com/ja/app-center/

6. 類似サービス
⚫ deploygate
https://deploygate.com/?locale=ja
⚫ Remote TestKit
https://appkitbox.com/testkit/
⚫ Bitrise
https://go.bitrise.io/bitrise-japan
⚫ headspin
https://www.headspin.io/
⚫ Magic Pod
https://magic-pod.com/

7. AZ-400 Azure DevOps Engineer Expert
Phoneword（電話番号変換アプリ）
とりあえず、MSLearnを見ながら
Xmarin.Formsアプリを作ります。
公式ドキュメントやJXUGさんの
ページにも掲載されています。
https://jxug.org/links.html

8. Visual Studio App Center の利用設定①
今回はOSをAndroid、PlatformをXmarinとOSをiOS、
PlatformをXmarinの2つを用意

9. Visual Studio App Center の利用設定②
作成したアプリページの概要に記載されている設定を行って
いく。

10. Visual Studio App Center の利用設定③
作成したアプリページの概要に記載されていたNugetパッ
ケージをインポートします。

11. Visual Studio App Center の利用設定④
作成したアプリページの概要に記載されていたコードを追加
します。

12. Visual Studio App Center の利用設定⑤
「Build」を行いたいコードを管理しているレポジトリを設定
します。
Azure DevOps、GitHub、Bitbucket、GitLabから選択出来
ます。今回はGitHubにしました。

13. DEMO

14. Visual Studio App Center の利用設定⑥
あとは、Visual Studio側で該当のリポジトリへコードをコ
ミットします。

15. Visual Studio App Center の利用設定⑦
GitHubにコードがプッシュされたことが確認出来ます。

16. Visual Studio App Center のビルド確認①
自動でビルドが開始され、ビルドが成功したことが分かります。
Androidのビルド結果
iOSのビルド結果

17. Visual Studio App Center のビルド確認②
ビルド結果をダウンロードするとAndroidの場合にはapkファイル
をダウンロード出来ます。

18. Visual Studio App Center のビルド設定
左ペインの「Build」-「Branches」を選択して「ツール」アイコ
ン？をクリックすると、リポジトリにコードがプッシュされる度に
自動ビルドを行うか？、SDKのバージョンなどの指定が出来ます。

19. Visual Studio App Center の実機テスト
月額$99から実機テストが始められます。
デバイス数や条件によっては、追加料金が必要になります。
詳細は料金ページをご確認ください。
デバイスの実機ビルドを行いたい場合は、下記が参考になりそうな
気がしております。
https://github.com/TomohiroSuzuki128/XamAppCenterSampl
e2018