Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
EN
Uploaded by
Satoru Fujimori
353 views
AppCenter
This is a document about App Center when it was held in Global Dev Ops Bootcamp 2019@Tokyo.
Software
◦
Read more
0
Save
Share
Embed
Embed presentation
Download
Download to read offline
1
/ 31
2
/ 31
3
/ 31
4
/ 31
5
/ 31
6
/ 31
7
/ 31
8
/ 31
9
/ 31
10
/ 31
11
/ 31
12
/ 31
13
/ 31
14
/ 31
15
/ 31
16
/ 31
17
/ 31
18
/ 31
19
/ 31
20
/ 31
21
/ 31
22
/ 31
23
/ 31
24
/ 31
25
/ 31
26
/ 31
27
/ 31
28
/ 31
29
/ 31
30
/ 31
31
/ 31
More Related Content
PDF
Vagrant + VirtualBox + Chef を使った環境構築方法について
by
Shinya Kinoshita
PPTX
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
by
Madoka Chiyoda
PDF
はじめての HoloLens セッションの集大成お見せします!
by
一希 大田
PPTX
Azure Mobile ServicesとAzure Mobile Apps
by
Masaki Yamamoto
PDF
できる!スマホアプリ:Webからはじまるアプリ
by
Masami Yabushita
PDF
Windows10時代のクロスプラットフォーム開発
by
Kazushi Kamegawa
PDF
わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門
by
Yasuhiko Yamamoto
PDF
UWP アプリを JavaScript で作る 3つの方法
by
Yasuhiko Yamamoto
Vagrant + VirtualBox + Chef を使った環境構築方法について
by
Shinya Kinoshita
20171109_Mobile Center を使ったモバイルアプリ開発ライフサイクル自動化【Mobile DevOps】
by
Madoka Chiyoda
はじめての HoloLens セッションの集大成お見せします!
by
一希 大田
Azure Mobile ServicesとAzure Mobile Apps
by
Masaki Yamamoto
できる!スマホアプリ:Webからはじまるアプリ
by
Masami Yabushita
Windows10時代のクロスプラットフォーム開発
by
Kazushi Kamegawa
わんくま名古屋#36 (20150725) Windows 10 ユニバーサル Windows アプリ開発入門
by
Yasuhiko Yamamoto
UWP アプリを JavaScript で作る 3つの方法
by
Yasuhiko Yamamoto
What's hot
PPTX
Microsoft Azureで始めるサクサクAndroid開発 in jazug青森
by
Masaki Yamamoto
PPTX
Uwpアプリケーション開発入門
by
Makoto Nishimura
PDF
わんくま名古屋 #38 (20160521) Xamarin入門
by
Yasuhiko Yamamoto
PDF
スマートスピーカーのバックエンドでAzure を使う方法
by
一希 大田
PPTX
わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)
by
Yasuhiko Yamamoto
PDF
Universal Apps (UWP)
by
Shin-ya Koga
PDF
ABC2016 Spring: Mobile App UX & Design Sprint
by
Nobuya Sato
PDF
Xamarinの概要
by
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
PDF
Prott's design
by
Yukihiro Kobayashi
PDF
ユーザーの心に刺ささるためには - UX実践編 -
by
Midori Hirose
PDF
Microsoftの開発環境
by
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
PDF
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
by
Nobutaka OSHIRO
PPTX
WPF on .NET Core 3.0
by
一希 大田
PPTX
その後のBash on windows
by
Kazushi Kamegawa
PPTX
Universal Windows app 入門
by
一希 大田
PDF
はじめてのiOSアプリ開発 ①
by
Nagamine Hiromasa
PPTX
20201006 bot framework composer1-1-1
by
ひかり 影中
PPTX
Uwpハンズオン参加レポート
by
Makoto Nishimura
PPTX
20150926 uwpストア攻略
by
Makoto Nishimura
PDF
Windows 10 対応のデスクトップアプリを作る技術(事前公開版v2)
by
一希 大田
Microsoft Azureで始めるサクサクAndroid開発 in jazug青森
by
Masaki Yamamoto
Uwpアプリケーション開発入門
by
Makoto Nishimura
わんくま名古屋 #38 (20160521) Xamarin入門
by
Yasuhiko Yamamoto
スマートスピーカーのバックエンドでAzure を使う方法
by
一希 大田
わんくま名古屋 #37 (20151114) Windows 10 UWP アプリ開発入門(実践編)
by
Yasuhiko Yamamoto
Universal Apps (UWP)
by
Shin-ya Koga
ABC2016 Spring: Mobile App UX & Design Sprint
by
Nobuya Sato
Xamarinの概要
by
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
Prott's design
by
Yukihiro Kobayashi
ユーザーの心に刺ささるためには - UX実践編 -
by
Midori Hirose
Microsoftの開発環境
by
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
Meteor勉強会発表資料「MeteorでiOSアプリを作ろう!」
by
Nobutaka OSHIRO
WPF on .NET Core 3.0
by
一希 大田
その後のBash on windows
by
Kazushi Kamegawa
Universal Windows app 入門
by
一希 大田
はじめてのiOSアプリ開発 ①
by
Nagamine Hiromasa
20201006 bot framework composer1-1-1
by
ひかり 影中
Uwpハンズオン参加レポート
by
Makoto Nishimura
20150926 uwpストア攻略
by
Makoto Nishimura
Windows 10 対応のデスクトップアプリを作る技術(事前公開版v2)
by
一希 大田
Similar to AppCenter
PDF
Introduction to Visual Studio App Center
by
Takeshi Fujimoto
PDF
Visual Studio App Centerを触ってみた!
by
Kentaro Higashi
PPTX
Visual Studio App Centerの始め方
by
Shinya Nakajima
PDF
Using App Center Auth & Data
by
Satoru Fujimori
PPTX
Visual Studio App CenterでAndroid開発にCI/CDを導入しよう
by
Shinya Nakajima
PPTX
Visual Studio App Centerで始めるCI/CD(iOS)
by
Shinya Nakajima
PPTX
Visual Studio App Centerでアプリ開発を加速しよう
by
Shinya Nakajima
PPTX
Azure DevOpsとVisual Studio App CenterをモバイルアプリのCI/CDに活用しよう
by
Shinya Nakajima
PPTX
Xamarin Overview
by
まどか 千代田
PPTX
Visual Studio App Centerで始めるCI/CD(Android)
by
Shinya Nakajima
PPTX
Xamarin Overview
by
Madoka Chiyoda
PDF
Azure と Visual Studio で実践するモダナイゼーションとクラウド ネイティブ アプリケーション開発
by
Akira Inoue
PPTX
TiTokyo conference in Tokyo, Japan for Appcelerator community (日本)
by
Jeff Haynie
PPTX
121117 metro styleapp_templateapp
by
Takayoshi Tanaka
PDF
Force.com開発基礎
by
Salesforce Developers Japan
PDF
COD2013 Windows Azure Mobile Service を用いたiOS/Android開発
by
Masaki Yamamoto
PPTX
Windows Azure Mobile Servicesによるアプリ構築
by
Nobuaki Aoki
KEY
スマートフォンアプリケーション開発の最新動向
by
Tsutomu Ogasawara
PDF
ゲーム開発環境、もっと楽にできるよ♬ マインクラフトでも実践している DevOpsでゲーム開発を効率化しよう!
by
Hiroko Umetsu
PPTX
[Java Festa in 札幌 2012] Windows Azure を活用した Windows 8 アプリケーション開発
by
Naoki (Neo) SATO
Introduction to Visual Studio App Center
by
Takeshi Fujimoto
Visual Studio App Centerを触ってみた!
by
Kentaro Higashi
Visual Studio App Centerの始め方
by
Shinya Nakajima
Using App Center Auth & Data
by
Satoru Fujimori
Visual Studio App CenterでAndroid開発にCI/CDを導入しよう
by
Shinya Nakajima
Visual Studio App Centerで始めるCI/CD(iOS)
by
Shinya Nakajima
Visual Studio App Centerでアプリ開発を加速しよう
by
Shinya Nakajima
Azure DevOpsとVisual Studio App CenterをモバイルアプリのCI/CDに活用しよう
by
Shinya Nakajima
Xamarin Overview
by
まどか 千代田
Visual Studio App Centerで始めるCI/CD(Android)
by
Shinya Nakajima
Xamarin Overview
by
Madoka Chiyoda
Azure と Visual Studio で実践するモダナイゼーションとクラウド ネイティブ アプリケーション開発
by
Akira Inoue
TiTokyo conference in Tokyo, Japan for Appcelerator community (日本)
by
Jeff Haynie
121117 metro styleapp_templateapp
by
Takayoshi Tanaka
Force.com開発基礎
by
Salesforce Developers Japan
COD2013 Windows Azure Mobile Service を用いたiOS/Android開発
by
Masaki Yamamoto
Windows Azure Mobile Servicesによるアプリ構築
by
Nobuaki Aoki
スマートフォンアプリケーション開発の最新動向
by
Tsutomu Ogasawara
ゲーム開発環境、もっと楽にできるよ♬ マインクラフトでも実践している DevOpsでゲーム開発を効率化しよう!
by
Hiroko Umetsu
[Java Festa in 札幌 2012] Windows Azure を活用した Windows 8 アプリケーション開発
by
Naoki (Neo) SATO
More from Satoru Fujimori
PDF
System.Drawing 周りの話
by
Satoru Fujimori
PDF
Thinking the best practice of WebAPI with Azure AD For Xamarin.Forms
by
Satoru Fujimori
PPTX
AzureとXamarin.Formsでプッシュ通知
by
Satoru Fujimori
PPTX
Xamarin + Azure Mobile Appsの現実(第2章)
by
Satoru Fujimori
PPTX
Xamarin.Formsで縦書きアプリ
by
Satoru Fujimori
PDF
Xmlrpcと品詞分解
by
Satoru Fujimori
System.Drawing 周りの話
by
Satoru Fujimori
Thinking the best practice of WebAPI with Azure AD For Xamarin.Forms
by
Satoru Fujimori
AzureとXamarin.Formsでプッシュ通知
by
Satoru Fujimori
Xamarin + Azure Mobile Appsの現実(第2章)
by
Satoru Fujimori
Xamarin.Formsで縦書きアプリ
by
Satoru Fujimori
Xmlrpcと品詞分解
by
Satoru Fujimori
AppCenter
1.
AppCenter KazuyukiMiyake SatoruFujimori GlobalDevOpsBootcamp2019@Tokyo 1
2.
AboutMe 三宅和之@kazuyukimiyake 株式会社ゼンアーキテクツCTO,MicrosoftMVP Vue.js日本ユーザーグループコアスタッフ,typescript‑jp立ち上げスタッフ PaaSがかりの部屋(Blog):https://k‑miyake.github.io/blog/ 藤森智@masatoru 株式会社ケイ・ジェイ・システムズ代表 Azure/Xamarinの開発、ほぼC#な毎日 おでんはじめました(Blog):http://masatoru.hatenadiary.jp/ 最近ヨガにはまり中 2
3.
モバイル開発の何が大変か ビルド、配信を毎回手動でやるの? 配布したアプリのユーザー数は? 配布したアプリは動いてる? ログイン画面にFacebookログイン追加して 認証したユーザーでデータベースの表示わけて モバイルはプッシュ通知当たり前だよね? #バックエンドの友達がいない 3
4.
AppCenterって何 旧名VisualStudioMobileCenter アプリのビルドや配信を継続的におこなうためのサービス(CI/CD) Data/Authが追加された Android,iOS,Xamarin,macOS,UWP,ReactNative等をサポート AzureDevOpsとの違い VisualStudioAppCenterOverView WhatisAzureDevOps? 4
5.
AppCenter機能一覧 5
6.
OS別対応表 iOS Android Xamarin
UWP macOS RN Cordova Unity Build o o o o o o x x Test o o o x x x o o Distribute Diagnostics Analytics Push o o o o o o o o Auth Data o o o x x x x x 6
7.
AzureDevOpsとの連携 以下の機能はAzureDevOpsのビルドタスクとして連携可能 Distribute Test 7
8.
AppCenterAPI API(OpenAPI)が公開されている 8
9.
1.Build 自動ビルド GithHub,DevOps,BitBucketからブランチを選択 APIKeyなどのセキュア情報はEnvironmentsVariablesを使う 例)プッシュ通知のgoogle‑services.jsonはGitに含まない gitupdate‑index‑‑assume‑unchanged./google‑services.json ステータスバッジ(ビルド結果をURLで取得可能) buildbuild succeededsucceeded 1か月240分のビルドまで無料 9
10.
Demo:Build AppCenterBuild Xamain.Androidアプリをビルド 10
11.
EnvironmentsVariablesの使い方 1.EnvironmentsVariablesで変数を設定する 11
12.
2.シェル( appcenter-pre-build.sh )で変数を置き換える #!/usr/bin/env
bash GOOGLE_JSON_FILE=$APPCENTER_SOURCE_DIRECTORY/TodoDataSync/TodoDataSync.Android/google-services.json echo "PATH=" $GOOGLE_JSON_FILE if [ -e "$GOOGLE_JSON_FILE" ] then echo "Updating Google Json" echo "$GOOGLE_JSON" > $GOOGLE_JSON_FILE sed -i -e 's/"/'"'/g' $GOOGLE_JSON_FILE echo "File content:" cat $GOOGLE_JSON_FILE fi 3.Gitでプッシュする 4.AppCenterにアイコンが着く 5.ビルド時に置き換えが実行される 12
13.
Buildの嬉しいところ iOSアプリのビルドにMac実機が不要 モバイルアプリ環境の構築が不要 13
14.
2.Distribute アプリの配信 Collaboratorsへのメール配信 Storeへの配信 AppleAppStore GooglePlayStore MicrosoftIntune AppCenterTaskを使ってAzureDevOpsPipelinesへ追加可能 14
15.
Demo:Distribute AppCenterDistribute Collaboratorsへのメール配信 15
16.
モニタリング 3.Diagnostics クラッシュレポート 例外処理のログ出力 4.Analytics アプリの使用状況を分析 ユーザー数、デバイス、国、言語など Azureとの連携 ApplicationInsightsへの接続も可能 AzureStorageにログが保存されている(デフォルトは90日間) 16
17.
DiagnosticsとAnalyticsの設定 try { var user =
await Auth.SignInAsync(); // Analytics への送信 Analytics.TrackEvent("OnLogin", new Dictionary<string, string> { ["User"] = user.AccountId.Substring(0, 10), }); await DisplayAlert("User", $"{user.AccountId.Substring(0, user.AccountId.Length/2)}", "Close"); await UpdateList(); } catch (Exception ex) { // Diagnostics への送信 Crashes.TrackError(ex); await DisplayAlert("Error", ex.Message, "Close"); } 17
18.
DiagnosticsとAnalyticsのモニタリング 18
19.
5.Test UITest 旧名XamarinTestCloud 実機テスト,スクリーンショット,ログ, 各種TestFrameworkに対応 Appium,Espresso,XamarinUITest 対応デバイス AzureDevOpsのパイプラインに追加可能 19
20.
6.Push 特定のデバイスやAudience(アプリのバージョンやAPIのバージョン)へのプッシュ通 知 CustomData(KeyValue形式)のプッシュ通知 特定のユーザーへのプッシュ通知(Authとの組み合わせ) 簡単に構築可能 APIでプッシュ通知を送信する 20
21.
プッシュ環境は簡単に構築できる Xamarin.Forms(Android)の場合 1.AppCenterでアプリケーションを作成 2.Xamarin.Formsプロジェクトに Microsoft.AppCenter.Push パッケージを追加 3.Xamarin.Formsの
App.cs にAppCenter用のコードをコピペ 4.Xamarin.FormsのAndroidプロジェクトの AndroidManifest.xml にコピペ 5.Firebaseでプロジェクトを作成 6.FirebaseCloudMessaging(FCM)のサーバーキーをAppCenterにコピペ 7.FCMから google-service.json をダウンロードしてAndroidプロジェクトに追加 21
22.
Xamarin.Formsのコード // App.cs using Microsoft.AppCenter.Push; ... protected
override async void OnStart() { if (!AppCenter.Configured) { Push.PushNotificationReceived += async (sender, e) => { await this.MainPage.DisplayAlert(e.Title, e.Message, "プッシュを受信した"); } } AppCenter.Start($"android=<App Center Android Key>;" + $"ios=<App Center iOS Key>", typeof(Push)); } 22
23.
Demo:Push AzureFunctionからプッシュ通知 AzureFunctionsからAppCenterバインディングが使えるように! しばやん雑記:AzureFunctions向けにAppCenterPushを簡単に扱える拡張を作った 23
24.
7.Auth iOS,Android,Xamarinのみ AzureADB2Cテナントを使った認証機能 AppCenterAuthを使うメリット アプリに認証機能を追加できる ユーザーごとのViewの切り替え ユーザーを特定してPushを送信 MS,Twitter,FacbookなどのIDプロバイダーを追加可能 access_token取得は次のバージョンで対応予定 1か月で50,000人まで無料 24
25.
SignIn using Microsoft.AppCenter.Auth; ... async void
OnLogin(object sender, EventArgs e) { try { user = await Auth.SignInAsync(); //これだけ!! } catch (Exception e) { // Do something with sign-in failure. } } Xamarin.Formsの場合、記述する場所は App.OnStart() でも Page.OnAppearing() でもOK(試した限りでは) 25
26.
8.Data CosmosDBとデバイスを接続 PublicとPrivate(User)の2種類をサポート AppCenterからCosmosDBを作成(もちろん事前に作成済みを選択も可能) Authを組み合わせることでユーザー別の表示を簡単に組み込むことができる オフライン機能は未サポート Wedon'tcurrentlysupportofflinepersistancewhenlistingdocuments. UnderstandingCosmosDB CosmosDBSQLAPIのみサポート 26
27.
Upsert public async Task
UpsertAsync(TodoItem item) { if ( Guid.Empty==item.Id) { // 追加 item.Id = Guid.NewGuid(); await Data.CreateAsync(item.Id.ToString(), item, DefaultPartitions.UserDocuments); } else { // 更新 await Data.ReplaceAsync(item.Id.ToString(), item, DefaultPartitions.UserDocuments); } } DefaultPartitions.UserDocuments は認証されている場合に使用可能 27
28.
どんなデータが作られるか 28
29.
Others WebHooks Teams,GitHubへ通知 チャットサポート 29
30.
まとめ Build/DistributeでCI/CDをすぐ始められる Testで実機でのテストができる Analytics/Diagnosticsでアプリの使用状況がわかる Authで認証機能を追加できる DataとAuthでユーザーごとのViewを作成できる Pushでプッシュ通知機能を追加できる #バックエンドの友達がいなくても大丈夫 30
31.
ご清聴ありがとうございました! ThanksForTFSUG 31
Download