2016/02/27に実施されたAWScene&Twilio勉強会の資料です

1. CognitoとSDKで
サーバーレスな
マルチデバイスアプリを
構築する

2. 自己紹介
宮崎 博旨 （みやざき ひろよし）
https://www.facebook.com/hiroyoshi.miyazaki.7
仕事
・オンプレミスの業務システム開発が主
好きなもの
・登山
・ボードゲーム

3. 今日しゃべること
懇親会で盛り上がるボードゲーム・カードゲーム
便利なManaged Identificationサービスである
AWS Cognitoについて

4. Cognitoって何？

5. Cognitoって何？

6. Cognitoって何？
コレ

7. Cognitoって何？
下記機能を提供するサービス
 ユーザーごとのID発行
 AWSサービスの操作権限取得
 ユーザーIDごとのデータストア/同期

8. 例えばこういうアプリを
つくる場合

9. いちいちサインアップす
るのは面倒くさい
外部サービスと簡単に連携して
サインインしたい

10. 異なるデバイス間で
データを同期したい

11. こういうトラブルを
起こしてしまう…

12. こういうトラブルを
起こしてしまう…
アクセスキーを埋め込んだコードを、気付かずにGitHub
にソースをアップしてしまう
↓
速攻でEC2インスタンスが不正利用される
↓
Amazonから$6000の請求が来る
↓
なんとか、不正利用分は請求なし ということで決着

13. それ、Cognitoで
解決できます

14. Cognitoを使うと
何がうれしいのか
外部サービス、または自作アプリのユーザIDごとに、一意
のIDを発行できる
外部サービスからのサインインが簡単に実現できる

15. Cognitoを使うと
何がうれしいのか
IDの発行状況はCognitoの管理画面で参照可能

16. Cognitoを使うと
何がうれしいのか
ユーザIDごとに任意のデータを保持できる
デバイス間でのデータ同期もできる！

17. Cognitoを使うと
何がうれしいのか
一時的なAWSリソースへのアクセストークンを
取得できる。コードにアクセスキーを埋め込まなくても
よい
↓こんな感じのコードで取得できる
AWS.config.credentials = new AWS.CognitoIdentityCredentials({
IdentityPoolId: 'IDENTITY_POOL_ID',
});
AWS.config.credentials.get(function(){
var accessKeyId = AWS.config.credentials.accessKeyId;
var secretAccessKey =
AWS.config.credentials.secretAccessKey;
});

18. Cognitoを
はじめるには
必要なもの
①CognitoのサービスID
②Cognitoから利用するIAMロール
④外部サービス(Facebookなど)
の認証トークン
③認証に使う外部サービスの登録

19. Cognitoを
はじめるには
必要なもの
①CognitoのサービスID
→Cognitoの管理画面で発行する

20. Cognitoを
はじめるには
必要なもの
②Cognitoから利用するIAMロール
→Cognitoで認証したユーザーに与える権限
→ロールは、CognitoのID作成時に自動的に作成される
↓Cognitoの管理画面

21. Cognitoを
はじめるには
必要なもの
②Cognitoから利用するIAMロール
→Cognitoで認証したユーザーに与える権限
→ロールは、CognitoのID作成時に自動的に作成される
↓Cognitoの管理画面
ゲストユーザ
認証ユーザ

22. Cognitoを
はじめるには
必要なもの
③認証に使う外部サービスの登録
→Cognitoの管理画面で登録する
→認証を行うAmazonやFacebookのアプリID

23. Cognitoの使い方
AWS Sdkを使います。
CognitoのIDと、外部サービスの認証トークンを
指定して、
AWS.config.credentials.getを呼び出すだけ
AWS.config.credentials = new AWS.CognitoIdentityCredentials({
IdentityPoolId: 'IDENTITY_POOL_ID',
Logins: { "graph.facebook.com" : ‘ACCESS_TOKEN’ }
});
AWS.config.credentials.get(function(){
var accessKeyId = AWS.config.credentials.accessKeyId;
var secretAccessKey =
AWS.config.credentials.secretAccessKey;
});

24. あれ？でも。。。
AWS.config.credentials = new AWS.CognitoIdentityCredentials({
IdentityPoolId: 'IDENTITY_POOL_ID',
Logins: { "graph.facebook.com" : ‘ACCESS_TOKEN’ }
});
AWS.config.credentials.get(function(){
var accessKeyId = AWS.config.credentials.accessKeyId;
var secretAccessKey =
AWS.config.credentials.secretAccessKey;
});
クライアント側のコードで
CognitoのIDを公開しても大丈夫なの？

25. 安心してください

26. Cognitoの仕組み
外部サービスの認証プロバイダを使う場合

27. Cognitoの仕組み
外部サービスの認証プロバイダを使う場合
ここが
ポイント

28. Cognitoの仕組み
外部サービスの認証プロバイダを使う場合
Cognitoが
登録した
サービスに
問い合わせ

29. Cognitoの仕組み
外部サービスの認証プロバイダを使う場合
外部サービスでの
認証が確認された
ユーザーにのみ、
アクセス件付与

30. Cognitoの仕組み
自作の認証プロバイダを使う場合

31. Cognitoの仕組み
自作の認証プロバイダを使う場合
Cognitoは
IDを払い出すだけ
認証プロバイダへの
チェックなしで
大丈夫？

32. Cognitoの仕組み
自作の認証プロバイダを使う場合
ここが
ポイント

33. Cognitoの仕組み
自作の認証プロバイダを使う場合
ここが
ポイント

34. Cognitoの使い方
(自作プロバイダで認証)
getOpenIdTokenForDeveloperIdentityを呼び出すには、
「AmazonCognitoDeveloperAuthenticatedIdentities」
の権限を付与する必要がある

35. Cognitoの使い方
(自作プロバイダで認証)
「AmazonCognitoDeveloperAuthenticatedIdentities」
の権限が付与された環境
(Lambdaなど)の上で実行する必要がある

36. Cognitoの使い方
(データ同期)
ユーザーIDごとに、Datasetというテーブルに
Kay-value形式でデータ保存が可能

37. Cognitoの使い方
(データ同期)
ユーザーIDごとに、Datasetというテーブルに
Kay-value形式でデータ保存が可能
Identity Identity Identity
DataSet
Key1 Value1
Key2 Value2
Key3 Value3
DataSet
Key1 Value1
Key2 Value2
Key3 Value3
DataSet
Key1 Value1
Key2 Value2
Key3 Value3
DataSet
Key1 Value1
Key2 Value2
Key3 Value3
DataSet
Key1 Value1
Key2 Value2
Key3 Value3
DataSet
Key1 Value1
Key2 Value2
Key3 Value3
DataSet
Key1 Value1
Key2 Value2
Key3 Value3
DataSet
Key1 Value1
Key2 Value2
Key3 Value3
DataSet
Key1 Value1
Key2 Value2
Key3 Value3

38. Cognitoの使い方
(データ同期)
DataSet
Key1 Value1
Key2 Value2
Key3 Value3
DataSet
Key1 Value1
Key2 Value2
Key3 Value3
PUT GET
クラウド上のDataSetに対して
追加/取得/削除/同期 が行える

39. Cognitoの使い方
(データ同期)
認証後、
CognitoSyncManagerから
openOrCreateDatasetを呼び出す
client = new AWS.CognitoSyncManager();
client.openOrCreateDataset("myDatasetName", function(err, dataset) {
dataset.get('myData', function(err, value) { }
}
Get,Put,Remove,Sync
などの処理を記載

40. Cognitoの使い方
(データ同期)
SYNCの場合は、成功時、失敗時、コンフリクト時、デー
タ削除時、の動作を指定可能
(例えば、コンフリクト発生時は、クラウド側のデータで
更新するか、デバイス側のデータで更新するか)
dataset.synchronize({
onSuccess: function(dataset, newRecords) {},
onFailure: function(err) {},
onConflict: function(dataset, conflicts, callback) {
for (var i=0; i < conflicts.length; i++) {
..コンフリクトデータごとの処理
}
}
})

41. Cognitoの使い方
(データ同期)
うーん、微妙なスペックかも。。
IDだけ取得して、データベースで管理したほうが
よい？？
ユーザーごとのDatasetの最大サイズ 20MB
1Datasetの最大サイズ 1MB
DatasetのKey/Valueペアの最大個数 1024個

42. データ同期の
便利な機能
SNS経由でデータが
更新されたら通知する！
DataSet
Key1 Value1
Key2 Value2
Key3 Value3
SNS更新
通知

43. 料金
ID発行、権限付与は無料！
データ同期については、データ容量と
同期回数によって従量課金

44. Twilioと一緒に
使う例
電話
SMSで認証コード送信
認証コードで認証
電話番号
認証コード生成

45. Cognitoを使って
いつの日か、完成させる!

46. ありがとうございました