53
しみず@shimy_net JAWSUG大阪 2013.11.2 Amazon SNS Mobile Push

Amazon SNS Mobile Push を使ってみる

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Amazon SNS Mobile Push を使ってみる

しみず@shimy_net

JAWSUG大阪 2013.11.2

Amazon SNS Mobile Push

Page 2: Amazon SNS Mobile Push を使ってみる

自己紹介 しみず @shimy_net Webアーキテクト アマゾン芸人 無駄に技術を使って 面白いことをする

Page 3: Amazon SNS Mobile Push を使ってみる

本を執筆しました

http://goo.gl/QtaK6

iOS�� ���

2014����

Page 4: Amazon SNS Mobile Push を使ってみる

お仕事 アーキテクト的な何か Webシステム構築(SI) スマートフォンアプリ開発 iOS7(́・ω・`)

Page 5: Amazon SNS Mobile Push を使ってみる

目次 ・Push Notification とは ・Amazon SNS Mobile Push とは ・Amazon SNS Mobile Push を使ってみる ・実際にデモしてみる ・まとめ的な

Page 6: Amazon SNS Mobile Push を使ってみる

Push Notification とは

Page 7: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ iOS, Android, Kindle などに通知を送るサービス

これ コレです

Page 8: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ プラットフォームごとに仕様が異なる

APNS

GCM

ADM

Provider

iOS

Android

Kindle

Page 9: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ プラットフォームごとに仕様が異なる

APNS

GCM

ADM

Provider

iOS

Android

Kindle

まずは、iOSの話

Page 10: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ iOS の場合(手順)

APNS

Provider

app

Page 11: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ iOS の場合(手順)

APNS

Provider

app

Device Token 要求 1

Page 12: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ iOS の場合(手順)

Device Token

Provider

app

Device Token 要求 1

2

APNS

Page 13: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ iOS の場合(手順)

Device Token

Device Token

Provider

app

Device Token 要求 1

2

3

APNS

Page 14: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ iOS の場合(手順)

Device Token

Device Token

Device Token

Provider

app

Device Token 要求 1

2

3

4

APNS

Page 15: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ iOS の場合(手順)

Device Token

Device Token

Device Token

Provider

app

Device Token 要求 1

2

3

4

5

Device Token Payload

APNS

Page 16: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ iOS の場合(手順)

Device Token

Device Token

Device Token

Provider

app

Device Token 要求 1

2

3

4

6Payload

5

Device Token Payload

APNS

Page 17: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ iOS の場合(Payload) {

"aps": { “alert”: “てすとだよん", "sound": "default”, "badge": 1 }

}

Page 18: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ iOS の場合(Payload) {

"aps": { “alert”: “てすとだよん", "sound": "default”, "badge": 1 }

}

Page 19: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ Android

APNS

GCM

ADM

Provider

iOS

Android

Kindle

Androidの話

Page 20: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ Kindle

APNS

GCM

ADM

Provider

iOS

Android

Kindle Kindleの話

Page 21: Amazon SNS Mobile Push を使ってみる

プラットフォームごとに 仕様が異なるので大変

Page 22: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ Windows Phone は? (́・ω・`)

Page 23: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ プラットフォームごとに仕様が異なるので大変 サーバー側(Provider) ・証明書 ・Payload 作成 ・Device Token 管理 ・送信手続き クライアント側(iOS, Android,,,) ・受信手続き ・OSとアプリ間の連携

Page 24: Amazon SNS Mobile Push を使ってみる

Push Notification とは □ 横断的に管理できる何かが必要

APNS

GCM

ADM ASP導入とか

iOS

Android

Kindle

Provider

Page 25: Amazon SNS Mobile Push を使ってみる

Amazon SNS Mobile Push とは

Page 26: Amazon SNS Mobile Push を使ってみる

SNS Mobile Push とは □ 各プラットフォームを横断して一斉送信   ※ 3,000 topics, 10,000 subscribers □ 各デバイスへの個別送信 □ 各プラットフォームからのフィードバックをもとに   デバイストークンの入れ替えや無効化を自動実行 □ スケーラビリティ □ 100万通知 あたり $1

Page 27: Amazon SNS Mobile Push を使ってみる

SNS Mobile Push とは □ プラットフォーム横断のための中間マネージドサービス

APNS

GCM

ADM

Amazon SNS Mobile Push

iOS

Android

Kindle

Page 28: Amazon SNS Mobile Push を使ってみる

Amazon SNS Mobile Push を 使ってみる

Page 29: Amazon SNS Mobile Push を使ってみる

1) iOSアプリを実装する 2) SNSを設定する 3) SNSで送信する 4) iOSアプリで受信する

Mobile Push を使ってみる

Page 30: Amazon SNS Mobile Push を使ってみる

Mobile Push を使ってみる ・Push Notification を有効にした Identifier を作成  ※ワイルドカードはダメ ・証明書を作成 ・p12でエクスポート ・プロビジョニング作成  

iOS Developer Member Center の話は省略

Page 31: Amazon SNS Mobile Push を使ってみる

Mobile Push を使ってみる   □ iOSアプリ実装

Page 32: Amazon SNS Mobile Push を使ってみる

Mobile Push を使ってみる  

App Delegate を実装

□ iOSアプリ実装

Page 33: Amazon SNS Mobile Push を使ってみる

Mobile Push を使ってみる  

Device Token 要求

Device Token 取得

□ Device Token

Page 34: Amazon SNS Mobile Push を使ってみる

Mobile Push を使ってみる  

Device Token メモっておく

□ アプリを起動すると、Device Token が表示される

Page 35: Amazon SNS Mobile Push を使ってみる

1) iOSアプリを実装する 2) SNSを設定する 3) SNSで送信する 4) iOSアプリで受信する

Mobile Push を使ってみる

Page 36: Amazon SNS Mobile Push を使ってみる

Mobile Push を使ってみる  

1

□ Add a New App

Page 37: Amazon SNS Mobile Push を使ってみる

Mobile Push を使ってみる  

2

3

4

Page 38: Amazon SNS Mobile Push を使ってみる

Mobile Push を使ってみる  

2

□ Add Endpoints

1

Page 39: Amazon SNS Mobile Push を使ってみる

Mobile Push を使ってみる  

3

4

先ほど取得した Device Tokenをセット

Page 40: Amazon SNS Mobile Push を使ってみる

1) iOSアプリを実装する 2) SNSを設定する 3) SNSで送信する 4) iOSアプリで受信する

Mobile Push を使ってみる

Page 41: Amazon SNS Mobile Push を使ってみる

Mobile Push を使ってみる   □ Publish

2

1

3

Page 42: Amazon SNS Mobile Push を使ってみる

Mobile Push を使ってみる

4

5

6

Page 43: Amazon SNS Mobile Push を使ってみる

Use platform specific json message dictionaries { "APNS_SANDBOX":"{\"aps\":{\"alert\":\"HelloWorld\",\"sound\":\"default\",\"badge\":3}}" }

Page 44: Amazon SNS Mobile Push を使ってみる

1) iOSアプリを実装する 2) SNSを設定する 3) SNSで送信する 4) iOSアプリで受信する

Mobile Push を使ってみる

Page 45: Amazon SNS Mobile Push を使ってみる

Mobile Push を使ってみる  

Push Notification 受信

□ Push Notification

Page 46: Amazon SNS Mobile Push を使ってみる

Mobile Push を使ってみる   □ Push Notification

Push Notification を受信

Push Notification を受信

Push Notification を受信

Page 47: Amazon SNS Mobile Push を使ってみる

実際に使ってみる デモ

Page 48: Amazon SNS Mobile Push を使ってみる
Page 49: Amazon SNS Mobile Push を使ってみる

まとめ的な

Page 50: Amazon SNS Mobile Push を使ってみる

□ 中間マネージドサービス

APNS

GCM

ADM

Amazon SNS Mobile Push

iOS

Android

Kindle

Mobile Push をちゃんと使う

Page 51: Amazon SNS Mobile Push を使ってみる

□ 元々の手続き

Device Token

Device Token

Device Token

Provider

app

Device Token 要求 1

2

3

4

6Payload

Device Token Payload

APNS

Mobile Push をちゃんと使う

5

Page 52: Amazon SNS Mobile Push を使ってみる

Mobile Push をちゃんと使う □ 構成案

APNS GCM/ADM Device Token

Device Token

Device Token app

Device Token 要求

Device Token Payload

Payload

登録 SNS

DB

1

2

3

45

6

7

Endpoint Arn

Endpoint Arn

抽出、メッセージ作成

Endpoint Arn 8 Endpoint Arn

Endpoint Arn

9

Device Token

Publish

Endpoint Arn Endpoint Arn

10

Payload

11

Feedback

Feedback 12

13

Page 53: Amazon SNS Mobile Push を使ってみる

!    以上!ありがとうございました!