2019年6月22日に開催された.NETラボ 勉強会 2019年6月で発表したLT資料です。 https://dotnetlab.connpass.com/event/133891/

1. Visual Studio App Center
Authの導入方法について
2019/6/22
.NETラボ 勉強会 2019年6月
なかしょ（中島進也）

2. Profile
• 名前：なかしょ（中島 進也）
• Twitter：@nakasho_dev
• ブログ：なかしょの技術日誌
http://nakasho-dev.hatenablog.jp/
• 最近の興味
TDD、アジャイル開発、Xamarin、Chatbot、Tizen
• 主な参加コミュニティ
JXUG、.NETラボ、Cogbot、Teratail、TestNight
XP祭り2019実行委員
※本資料は私個人の意見であり、所属企業・部門見解を代表するもの
ではありません。
2

3. これからのAppCenter
3
自動ビルド・単体テスト
実機デバイスでUIテストを自動化
テスターやストアへのアプリ配布
クラッシュログの収集
使用状況の分析
ユーザ認証・ID管理
DevOps
MBaaS
データの管理・保持・同期
プッシュ通知
MBaaSに関する機
能が追加された

4. Auth ： ユーザ認証・ID管理
• ユーザの認証機能を提供
• ユーザIDを利用してユーザデータを表示
• 個々のデバイスではなくユーザにプッシュ通知を送信
• Azure Active Directory B2C を利用して機能が提供される
• iOS、Android、Xamarinに対応
4
参考：https://docs.microsoft.com/ja-jp/appcenter/auth/

5. Azure Active Directory B2C とは？
• 企業ー消費者間のID管理サービス
• ユーザがWeb,デスクトップ、モバイル、SPAと安全に対話す
る方法をカスタマイズしたり制御したりできる。
• ユーザはサインアップ、サインイン、パスワードのリセット、
および、プロファイルの編集ができる。
• OpenID ConnectプロトコルとOAuth2.0プロトコルの一形式
が実装される。
5
参考： https://docs.microsoft.com/ja-jp/azure/active-directory-b2c/active-directory-b2c-overview

6. 対応するソーシャルIDプロバイダー
•Microsoft Account
•Google
•Facebook
•Linkedin
•Amazon
•Weibo (Preview)
•QQ (Preview)
•WeChat (Preview)
•Twitter
•GitHub (Preview)
ーーーーーーーーー
•OpenID Connect
(Preview)
カスタムIDプロバイダー
6
参考： https://docs.microsoft.com/ja-jp/azure/active-directory-b2c/active-directory-b2c-overview

7. 7

8. 8
Azure Subscriptionの設定
Subscription
設定後
Subscription
を設定

9. 9
Tenantの設定（テナント未作成）
Azure AD B2Cの
テナントを作成

10. 10
Tenantの設定（Azure上で作成）
テナント新規作成

11. 11
TenantをSubscriptionにリンク

12. 12
Tenantの設定（テナント作成後）
テナントを選択

13. 13
アプリケーション未作成
テナントのアプリ
ケーションを作成
新規追加

14. 14
アプリケーション作成
https://jwt.ms
を入力
msal{appSecret}://authを入力
{appSecret}はAppCenterで取得

15. 15
appSecretの取得
App Centerのプロジェクト設定
ページでappSecretを取得

16. 16
アプリケーション作成後
テナントのアプリ
ケーションを選択
Scopeの設定が必
要

17. 17
Scopeの設定 追加ボタンからAPIアクセスのス
コープを追加

18. 18
Scopeの設定後
Scopeを選択
user flowの設定
が必要

19. 19
UserFlowの設定
新しいユーザーフローを追加
サインアップとサイ
ンインを選択

20. 20
UserFlowを作成
B2C_1_signinSignUpで作成
プロバイダーを選択
標準はEmailのみ
多要素認証を使用するか否か
サインアップ時に収集する値の
設定

21. 21
UserFlowの設定後
作成したUserFlow
名を記入

22. 22
IDプロバイダーの追加
追加したいIDプロバ
イダーを選択する。
IDプロバイダーを追加したら
UserFlowの更新が必要
Google認証やFacebook認証
と連携するためにはPrivacy
Policyの公開ページが必要

23. 23
説明されている内容で
アプリに組み込む

24. 24
IDプロバイ
ダーによるロ
グイン

25. 25

26. 26
ログインしたユーザが
使用したIDプロバイダ
を含めて表示される

27. Visual Studio App Center MBaaS Roadmap
• Auth
【対応済】Connect an Azure
B2C identity provider
Bring your own identity
provider support
Enterprise AAD support
End user profile dashboards
with cross-service integrations
• Data
【対応済】 Connect or create
an Azure Cosmos database
【対応済】 User configuration
and profile record store
Visual data browser for stored
information
Collaborate on collection
documents
Real-time document storage
updates
Off-line write support
• File Storage
Manage app resources with
Azure blob storage and CDN
Upload and download user
generated content
• Push
Tighter coupling with Azure
Notification Hubs
Export for installation device
metadata
27
参考： https://github.com/Microsoft/appcenter/wiki/Roadmap

28. まとめ
• Visual Studio App CenterにMBaaS機能が増えてきた。
• AuthのバックエンドはAzure AD B2C
• Azure AD B2Cの知識も必要
• アプリの実装はとても簡単にログインを導入できる
28

29. ご清聴ありがとうございました。
なかしょ（中島 進也）
@nakasho_dev
29