_AWSを使ったモバイルアプリの設計と実装_公開版

Size: px

Start display at page:

Download "_AWSを使ったモバイルアプリの設計と実装_公開版"

みずきいとえ
7 years ago
Views:

5 Twitter で AWS Summit に参加しよう! をフォローしたお客様にフリクションボールペンをプレゼント! 配布場所ロビーや展会場のコンパニオンが配布中 2016, Amazon Web Services, Inc. or its Affiliates. All rights! お気軽にお声かけください reserved. 5

8 Agenda 1. このセッションについて 2. AWS のモバイルサービス 3. モバイルアプリアーキテクチャ分類 4. アーキテクチャ分類を横断するモバイルサービス 5. シンプルなアプリ側の実装 6. ケーススタディ Gunosy における AWS Mobile の活 by Gunosy Inc. 松本様 7. まとめ 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 8

9 Agenda 1. このセッションについて 2. AWS のモバイルサービス 3. モバイルアプリアーキテクチャ分類 4. アーキテクチャ分類を横断するモバイルサービス 5. シンプルなアプリ側の実装 6. ケーススタディ Gunosy における AWS Mobile の活 by Gunosy Inc. 松本様 7. まとめ 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 9

10 このセッションについて対象者 1 モバイルネイティブアプリのエンジニアの対象者 2 モバイルアプリのバックエンドシステムを触っているサーバサイドエンジニアのゴール AWS でモバイルアプリ ( 含バックエンド ) を設計実装するパターンを知っていただくこと AWS でモバイルアプリの設計構築運コストを減らせることを理解していただくこと 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 10

11 Agenda 1. このセッションについて 2. AWS のモバイルサービス 3. モバイルアプリアーキテクチャ分類 4. アーキテクチャ分類を横断するモバイルサービス 5. シンプルなアプリ側の実装 6. ケーススタディ Gunosy における AWS Mobile の活 by Gunosy Inc. 松本様 7. まとめ 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 11

12 AWS のモバイルサービスあなたのモバイルアプリゲームユーティリティファイナンスソーシャルエンターテインメント AWS Mobile SDK AWS SDK for Android AWS SDK for ios AWS SDK for Unity AWS SDK for JavaScript モバイルに最適化されたサービス Amazon Cognito (Cognito) Amazon Mobile Analytics (Mobile Analytics) Amazon SNS Mobile Push (SNS) AWS Device Farm (Device Farm) Amazon API Gateway (API GW) モバイルに最適化されたコネクタ Amazon DynamoDB (DynamoDB) Amazon CloudFront (CloudFront) Amazon Simple Storage Service (S3) Amazon SQS (SQS) Amazon SES (SES) AWS Lambda (Lambda) 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 12

13 AWS のモバイルサービスユーザ認証アクセス認可 Amazon Cognito (Identity, Userpools) メディアの管理 Amazon S3 Transfer Manager データの同期 Amazon Cognito (Sync) ユーザ動分析 Amazon Mobile Analytics ビジネスロジックの実 AWS Lambda RESTful API サーバ Amazon API Gateway モバイルアプリ AWS Mobile SDK メディアの配信 Amazon CloudFront (Device Detection) プッシュ通知の送信 Amazon SNS Mobile Push 共有データの保存 Amazon DynamoDB 実機テストの並列実 AWS DeviceFarm 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 13

14 AWS Mobile SDK 全てのサービスに共通の認証機構オンラインオフラインを動でハンドリングクロスプラットフォームのサポート : Android, ios, Fire OS, Unity, Xamarin Mobile OS への最適化例 : ローカルオフラインキャッシュを利するアーキテクチャメモリフットプリントの削減各プラットフォームのエンハンスに追従 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 14

15 Agenda 1. このセッションについて 2. AWS のモバイルサービス 3. モバイルアプリアーキテクチャ分類 4. アーキテクチャ分類を横断するモバイルサービス 5. シンプルなアプリ側の実装 6. ケーススタディ Gunosy における AWS Mobile の活 by Gunosy Inc. 松本様 7. まとめ 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 15

16 モバイルアプリアーキテクチャ分類アーキテクチャバックエンドアクセス利する SDK 主な登場サービス群 General Web JSON on HTTP(S) 般的なネットワークアクセスライブラリ Elastic Load Balancing(ELB), Amazon Elastic Compute Cloud(EC2), Amazon Relational Database Service(RDS) Serverless API GW Call API GW SDK API GW, Lambda, DynamoDB, 2-Tier AWS API Call AWS SDK Lambda, DynamoDB, 2-Tier Architecture は Serverless の形態ですがここでは分けて話をします ( 横断的 ) AWS API Call AWS SDK Cognito, S3, SNS, Device Farm, Mobile Analytics, Amazon Kinesis, 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 16

17 モバイルアプリアーキテクチャ分類アーキテクチャ General Web 1 2 Serverless 3 バックエンドアクセス JSON on HTTP(S) API GW Call 利する SDK 般的なネットワークアクセスライブラリ API GW SDK 主な登場サービス群 Elastic Load Balancing(ELB), Amazon Elastic Compute Cloud(EC2), Amazon Relational Database Service(RDS) API GW, Lambda, DynamoDB, 2-Tier AWS API Call AWS SDK Lambda, DynamoDB, ( 横断的 ) AWS API Call AWS SDK Cognito, S3, SNS, Device Farm, Mobile Analytics, Amazon Kinesis, 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 17

18 1 General Web Architecture クライアントは HTTP(S) で Web サーバと通信 Elastic Load Balancing (ELB) Amazon Elastic Compute Cloud (EC2) サーバサイドは ELB + EC2 + RDS といった基本構成 Amazon Relational Database Service (RDS) 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 18

19 1 General Web Architecture メリットクライアント側は従来のノウハウをフルに活かせる実績が多く枯れた構成であるカスタマイズ性がいデメリットサーバのスペック台数などインフラを意識して設計する必要があるサーバの運は利者に任されている 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 19

20 2 Serverless Architecture Amazon Cognito (Cognito) Amazon API Gateway (API GW) クライアントアプリは必要に応じて Cognito から時的な Credentials を得た後 JSON で Web API と通信 AWS Lambda (Lambda) サーバサイドは API GW/Lambda/DynamoDB といったマネージドサービスをい EC2 や ELB を利しない Amazon DynamoDB (DynamoDB) 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 20

21 2 Serverless Architecture メリットクライアント側の実装は従来のノウハウを活かせるサーバの運スケールは AWS に任できる Cognito によるセキュアな API アクセス制御が可能多くの場合コスト効率がいデメリット新規性がくまだ枯れていない個々のサービスのマネージドな部分はカスタマイズしにくい 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 21

22 3 2-Tier Architecture Cognito Amazon Mobile Analytics (MA) Serverless の形態クライアントアプリは Cognito から Temporary Credentials を得た後 AWS SDK を通じて各 AWS リソースの API を直接叩く Amazon Kinesis (Kinesis) Lambda サーバサイドは各 AWS リソースをセッティングしておくのみ ( 左図は部の例 ) DynamoDB 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 22

23 3 2-Tier Architecture Serverless の形態メリットインフラの運スケールは AWS に任できる上限値の緩和申請は除く Cognito によるセキュアなアクセス制御が可能 Web API の設計が不要で軽に使える最限のパーツを組み合わせて使うことができる多くの場合コスト効率がいデメリット新規性がくまだ枯れていないクライアントサイドが各 AWS リソースに依存する個々のサービスのマネージドな部分はカスタマイズしにくい 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 23

24 3 2-Tier Architecture Serverless の形態 AWS Mobile Hub Developer 管理コンソール AWS Mobile Hub 2-Tier アーキテクチャ所要時間数分で 2-Tier アーキテクチャをプロビジョニングしスターターアプリの動成までするツール 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 24

27 Agenda 1. このセッションについて 2. AWS のモバイルサービス 3. モバイルアプリアーキテクチャ分類 4. アーキテクチャ分類を横断するモバイルサービス 5. シンプルなアプリ側の実装 6. ケーススタディ Gunosy における AWS Mobile の活 by Gunosy Inc. 松本様 7. まとめ 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 27

28 モバイルアプリアーキテクチャ分類アーキテクチャバックエンドアクセス利する SDK 主な登場サービス群 General Web JSON on HTTP(S) 般的なネットワークアクセスライブラリ Elastic Load Balancing(ELB), Amazon Elastic Compute Cloud(EC2), Amazon Relational Database Service(RDS) Serverless API GW Call API GW SDK API GW, Lambda, DynamoDB, 2-Tier AWS API Call AWS SDK Lambda, DynamoDB, ( 横断的 ) AWS API Call AWS SDK Cognito, S3, SNS, Device Farm, Mobile Analytics, Amazon Kinesis, 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 28

29 アーキテクチャ分類を横断するモバイルサービス S3 CloudFront File Upload/Delivery Media Streaming Data Stream Kinesis Streams Stream Processing Publish Cognito User Pools Sign-up, Sign-in Device Token Push Notification SNS Mobile Push App Metrics, Custom Events Run Tests Test Code Results Marketer Mobile Analytics Device Farm 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 29 Developer

30 アーキテクチャ分類を横断するモバイルサービス S3 Cognito User Pools CloudFront File Upload/Delivery Media Streaming Data Stream Stream Processing Amazon Cognito User Pools (Public Beta) マネージドなユーザ管理基盤 Publish Device Token Sign-up, サインアップサインインパスワード紛失 Sign-in Push Notification App Metrics, Custom Events Test Code Kinesis Streams MFAログインなど柔軟な設定が可能 Lambdaによるフック処理で拡張可能 Pre Sign-up, Custom Message, Run Tests Results SNS Mobile Push Pre Sign-in, Post Sign-in, Post Confirmation 50,000MAUまで無料 Marketer Mobile Analytics Device Farm 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 30 Developer

31 アーキテクチャ分類を横断するモバイルサービス Amazon Mobile Analytics S3 CloudFront File Upload/Delivery Media Streaming Data Stream Kinesis Streams Stream Processing 新規ユーザリピートユーザユーザー定着率アクティブ Publish 率リテンションなどの主要なメトリクスを動取得カスタムイベントマネタイズイベントを取得可能 Device Token Sign-up, Sign-in Push Notification S3 Amazon Redshiftへオートエクスポート可能 Cognito SNS User サンプリングを切しない正確なデータ Pools Mobile Push 毎 1 億イベントまで無料それ以上は App Metrics, Custom Events $1/100 Run Tests万イベント Test Code Results Marketer Mobile Analytics Device Farm 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 31 Developer

32 アーキテクチャ分類を横断するモバイルサービス AWS Device Farm S3 Cognito User Pools CloudFront Mobile Analytics File Upload/Delivery Media Streaming Data Stream 前でモバイル実機を揃えなくてもOK 任意のモデルを選択して並列テスト実可能 Device Token カスタムのテストの他 Sign-up, Sign-in Fuzzテストを今すぐ実可能 Jenkins と Gradle のプラグインを提供 Appium Calabash App Metrics, Custom Events Espressoなどのテスティングフレームワークをサポート 250デバイス分 (device Marketer minutes) の無料枠 Test Code Kinesis Streams Stream Processing Publish Push Notification SNS Mobile Push Run Tests Device Farm Results 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 32 Developer

33 Agenda 1. このセッションについて 2. AWS のモバイルサービス 3. モバイルアプリアーキテクチャ分類 4. アーキテクチャ分類を横断するモバイルサービス 5. シンプルなアプリ側の実装 6. ケーススタディ Gunosy における AWS Mobile の活 by Gunosy Inc. 松本様 7. まとめ 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 33

34 以下の操作をする際の実装例 (ios) Cognito Identity から Credentials を取得 DeviceToken 取得 SNS に登録 Cognito User Pools の Sign-up MobileAnalytics のカスタムイベント送信 Lambda Invoke 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 34

35 Cognito Identity から Credentials を取得 func application(application: UIApplication, didfinishlaunchingwithoptions launchoptions: [NSObject: AnyObject]?) -> Bool { let credentialsprovider = AWSCognitoCredentialsProvider( regiontype: AWSRegionType.USEast1, identitypoolid: "IDENTITY_POOL_ID ) let configuration = AWSServiceConfiguration( region: AWSRegionType.USEast1, credentialsprovider: credentialsprovider ) AWSServiceManager.defaultServiceManager(). defaultserviceconfiguration = configuration credentialsprovider.credentials().continuewithblock {(task: AWSTask) -> AnyObject? in let credentials = task.result as! AWSCredentials print(credentials.accesskey) return nil } } return true 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 35

36 DeviceToken 取得 SNS に登録 func application(application: UIApplication, didregisterforremotenotificationswithdevicetoken devicetoken: NSData) { let devicetokenstring = (devicetoken)".stringbytrimmingcharactersinset(nscharacterset(charactersinstring:"<>")).stringbyreplacingoccurrencesofstring(" ", withstring: "") print("devicetokenstring: (devicetokenstring)") let sns = AWSSNS.defaultSNS() let request = AWSSNSCreatePlatformEndpointInput() request.token = devicetokenstring request.platformapplicationarn = "SNSPlatformApplicationArn" sns.createplatformendpoint(request). continuewithexecutor(awsexecutor.mainthreadexecutor(), withblock: { (task: AWSTask!) -> AnyObject! in let createendpointresponse = task.result as! AWSSNSCreateEndpointResponse print("endpointarn: (createendpointresponse.endpointarn)") return nil } ) } 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 36

37 Cognito User Pools の Sign-up AWSCognitoIdentityUserAttributeType * phone = [AWSCognitoIdentityUserAttributeType new]; phone.name phone.value "; AWSCognitoIdentityUserAttributeType * = [AWSCognitoIdentityUserAttributeType new]; .name .value cognito@example.com"; [[self.pool signup:self.username.text password:self.password.text userattributes:@[phone, ] validationdata:nil] continuewithblock:^id _Nullable(AWSTask<AWSCognitoIdentityUserPoolSignUpResponse *> * _Nonnull task) { NSLog(@"Successful signup user: %@",task.result.user.username); dispatch_async(dispatch_get_main_queue(), ^{ if(task.error){ // error }else if(task.result.user.confirmedstatus!= AWSCognitoIdentityUserStatusConfirmed){ NSLog(@ Confirmation Sent to: %@", task.result.codedeliverydetails.destination); }else{ // SignUp Completed }}); return nil; }]; } 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 37

38 MobileAnalytics のカスタムイベント送信 func application(application: UIApplication, handleactionwithidentifier identifier: String?, forremotenotification userinfo: [NSObject : AnyObject], completionhandler: () -> Void) { let mobileanalytics = AWSMobileAnalytics.defaultMobileAnalytics() let eventclient = mobileanalytics.eventclient let pushnotificationevent = eventclient.createeventwitheventtype("pushnotificationevent") var action = "Undefined" if identifier == "READ_IDENTIFIER" { action = "Read" } else if identifier == "DELETE_IDENTIFIER" { action = "Deleted" } else { action = "Undefined" } pushnotificationevent.addattribute(action, forkey: "Action") eventclient.recordevent(pushnotificationevent) mainviewcontroller()?.displayuseraction(action) } completionhandler() 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 38

39 Lambda の Invoke let invocationrequest = AWSLambdaInvokerInvocationRequest() invocationrequest.functionname = awesomefunction" invocationrequest.invocationtype = AWSLambdaInvocationType.RequestResponse invocationrequest.payload = [ param1": value1", param2": value2 ] let lambdainvoker = AWSLambdaInvoker.defaultLambdaInvoker() let task = lambdainvoker.invoke(invocationrequest). continuewithsuccessblock() { (task) -> AWSTask! in print("response: ", task.result) return task } 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 39

41 Agenda 1. このセッションについて 2. AWS のモバイルサービス 3. モバイルアプリアーキテクチャ分類 4. アーキテクチャ分類を横断するモバイルサービス 5. シンプルなアプリ側の実装 6. ケーススタディ Gunosy における AWS Mobile の活 by Gunosy Inc. 松本様 7. まとめ 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 41

48 AWS をフル活してのアーキテクチャ設計クライアントへの処理委譲設定値のやり取りなどのコア以外にまつわるロジックサーバレスアーキテクチャの部分的適ロジック実装の適度な住み分け Amazon Mobile Analytics Amazon SNS サービスのコアロジックに集中 Amazon Kinesis AWS Lambda Amazon Cognito 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 48

49 クライアントに対する処理委譲 AWS Mobile SDK を利ユーザー認証認可を Cognito 経由で通知のトークン管理を SNS でログの配送は直接 Kinesis へ Amazon SNS Amazon SQS Amazon Kinesis Mobile Client DB 等 Amazon Cognito AWS Lambda 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 49

52 Cognito Sync によるサーバレスなユーザー管理 Mobile 側より Cognito Sync にユーザー設定値を保持 Cognito Sync の event => Lambda をフック Lambda から Elasticsearch 等へ設定値を保存 SNS の Topic に endpoint をぶら下げるなども簡単通知時刻などの管理を CognitoSync 経由で完結ストレージを除きサーバを持つ必要なし 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 52

53 Cognito Sync によるサーバレスなユーザー管理設定値 Key1: value1 Key2: value2 Sync イベントをフック AWS Lambda Push システム側で Dequeue => DB 登録 Mobile Client CognitoSync で Local と AWS 上を同期 Amazon Cognito Queue On SQS Push System その他要望に合わせて配送先を追加 Amazon SNS Amazon Elasticsearch Service 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 53

55 Kinesis によるログ管理フロー Client 側で Buffering リアルタイム集計 Mobile Client Log Log Log Log PutRecords でまとめて送信 Amazon Kinesis Amazon EMR Spark Streaming Amazon RDS AWS Lambda ログ用 S3 バッチ集計 Amazon EMR Hive / Presto 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 55

57 Agenda 1. このセッションについて 2. AWS のモバイルサービス 3. モバイルアプリアーキテクチャ分類 4. アーキテクチャ分類を横断するモバイルサービス 5. シンプルなアプリ側の実装 6. ケーススタディ 7. まとめ Gunosy における AWS Mobile の活 by Gunosy Inc. 松本様 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 57

58 まとめ 1. モバイルアプリ開発時は AWS を柔軟に活可能 2. 必要なものを選び組み合わせることでモバイルアプリをトータルにサポート 3. AWS SDK でクライアント側の実装もバッチリ 4. Serverless アーキテクチャ 2-Tier アーキテクチャでモバイルアプリエンジニアにも使いやすくスケーラブルでコスト効率がいバックエンドを! 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 58

61 2-Tier アーキテクチャと mbaas の違い mbaas 基本的にバックエンドはブラックボックス抽象度がく扱いやすいカスタマイズに限界ありスタートダッシュには向くがサービス成後はスケール不になりがち Send/Receive Push Notification Data Get/Set User Management RESTful API or Management Tool THE BLACK BOX Backend 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 61

62 Parse.com から AWS への移サポート Migrate From Parse Push to Amazon SNS Parse からのデータエクスポート / インポート APNS/GCM の認証情報の取得 AWS リソースおよび AWS Mobile Hub プロジェクトの作成 Amazon SNS Mobile Push へのコード変更法 Set up Parse Server and MongoDB on AWS Parse Server/MongoDB のインスタンスを AWS CloudFormation でデプロイ Parse Analytics to Mobile Analytics Parse Analytics の代替としての Amazon Mobile Analytics Parse IoT to AWS Parse IoT を AWS に移する法 Webinar Migrate your apps from Parse to AWS Parse から AWS への全般的な移法を Webinar で解説またはお近くの AWS Japan スタッフまで! 2016, Amazon Web Services, Inc. or its Affiliates. All rights reserved. 62

AWS Mobile Deep Dive - 入門から実践までの最短コース〜ライブコーディングで学ぶ AWS を活用したモバイルアプリの開発〜

AWS Mobile Deep Dive - 入門から実践までの最短コース〜ライブコーディングで学ぶ AWS を活用したモバイルアプリの開発〜 AWS Mobile Deep Dive 入門から実践までの最短コースライブコーディングで学ぶ AWS を活用したモバイルアプリの開発 Takayuki Shimizu, AWS Solutions Architect Keisuke Tsukagoshi, AWS Professional Service 2017. 5. 31 2017, Amazon Web Services, Inc. or