モバイルサービスでお手軽push通知

22
モバイルサービスで お手軽Push通知 FukuokaAzureUserGroup ふくあず秋祭り #jazug 2013/11/23 濱本 一慶(@Airish9)

Upload: kazunori-hamamoto

Post on 02-Jul-2015

633 views

Category:

Technology


0 download

DESCRIPTION

Fukuoka Azure User Group 秋祭り発表資料

TRANSCRIPT

Page 1: モバイルサービスでお手軽Push通知

モバイルサービスでお手軽Push通知FukuokaAzureUserGroupふくあず秋祭り #jazug

2013/11/23濱本一慶(@Airish9)

Page 2: モバイルサービスでお手軽Push通知

自己紹介

濱本 一慶(はまもと かずのり)

@Airish9

• アプリケーションエンジニア

• C#とか得意です

• エンタープライズのお仕事やってます

• 実はAzureを触りだしたのは最近です

Fukuoka Windows Azure User Group 2013

Page 3: モバイルサービスでお手軽Push通知

Windows Azure モバイルサービス

▪ AzureのBaaSサービス

▪ 2013年6月13日に正式リリース

Fukuoka Windows Azure User Group 2013

© 2011 Microsoft Corporation All Rights Reserved.

データ

保存

ユーザー

認証

プッシュ

通知スケジューラ

Page 4: モバイルサービスでお手軽Push通知

データ

Fukuoka Windows Azure User Group 2013

Page 5: モバイルサービスでお手軽Push通知

データ

Fukuoka Windows Azure User Group 2013

▪ モバイルサービスのデータを保存できる データベース

▪ 列の追加は、動的スキーマが有効なアプリから追加(初期はID列のみ)

▪ テーブルに対する操作は各プラットフォームに対応したSDKを利用

▪ C#, JavaScript, Windows Phone, iOS, Android

▪ CRUD時にスクリプトを実行可能(Node.jsが使用可)

▪ テーブルに対してアクセス制限を設定可能

Page 6: モバイルサービスでお手軽Push通知

ユーザー認証

Fukuoka Windows Azure User Group 2013

Page 7: モバイルサービスでお手軽Push通知

ユーザー認証

▪ モバイルサービスを利用する際にユーザ認証を設定する事が可能

Fukuoka Windows Azure User Group 2013

Page 8: モバイルサービスでお手軽Push通知

ユーザー認証

Fukuoka Windows Azure User Group 2013

クリック

Page 9: モバイルサービスでお手軽Push通知

ユーザー認証

Fukuoka Windows Azure User Group 2013

プロバイダから提供された情報を入力

Page 10: モバイルサービスでお手軽Push通知

ユーザー認証

▪ アプリから認証を呼び出すコードを追加

Fukuoka Windows Azure User Group 2013

MobileServiceUser user;

user = App.MobileService.LoginAsync(MobileServiceAuthenticationProvider.Facebook);

C#

FacebookGoogleMicrosoftAccountTwitterを設定可能

Page 11: モバイルサービスでお手軽Push通知

ユーザー認証

Fukuoka Windows Azure User Group 2013

Facebookのログイン認証画面が表示される

Page 12: モバイルサービスでお手軽Push通知

プッシュ通知

Fukuoka Windows Azure User Group 2013

Page 13: モバイルサービスでお手軽Push通知

プッシュ通知

▪ 各プラットフォームへのプッシュ通知が可能

Page 14: モバイルサービスでお手軽Push通知

プッシュ通知

Fukuoka Windows Azure User Group 2013

クリック

▪ モバイルサービスのプッシュを構成する

Page 15: モバイルサービスでお手軽Push通知

プッシュ通知

Fukuoka Windows Azure User Group 2013

▪ 各プッシュサービスの情報を設定

Page 16: モバイルサービスでお手軽Push通知

プッシュ通知

Fukuoka Windows Azure User Group 2013

▪ テーブルのスクリプトにプッシュ通知を実装

todoitemテーブルのInsert時にPush通知を実装

【WindowsStoreアプリへのPush通知】

push.wns.sendToastText04(channel.uri, { text1: item.text }, function()…

Page 17: モバイルサービスでお手軽Push通知

プッシュ通知

Fukuoka Windows Azure User Group 2013

Windows8

• push.wnsオブジェクト

Windows Phone8

• push.mpnsオブジェクト

iOS

• push.apnsオブジェクト

Android

• push.gcmオブジェクト

▪ 各プラットフォームへのプッシュ通知はオブジェクトを変えるだけでOK

Page 18: モバイルサービスでお手軽Push通知

スケジューラ

Fukuoka Windows Azure User Group 2013

Page 19: モバイルサービスでお手軽Push通知

スケジューラ

▪ 定期ジョブをAzure内に組み込むことが可能

▪ JavaScriptでジョブの内容を実装(Node.jsを利用可)

▪ 無料版は1ジョブ&1時間に1回実行の制限あり

Page 20: モバイルサービスでお手軽Push通知

とりあえずPushしてみた

Fukuoka Windows Azure User Group 2013

Page 21: モバイルサービスでお手軽Push通知

Push通知を行うTodoListアプリ

SQLデータベース

モバイルサービス

クライアントApp 1.アプリ起動時にPush用のUriをChannelテーブルへ追加

2.ToDoの内容をTodoItemテーブルへ追加

データ

スクリプト

3.TodoItemの追加スクリプト実行(PushのUriをChannelより収得)

プッシュ通知4.Push通知

Page 22: モバイルサービスでお手軽Push通知

ぷちDemo

Fukuoka Windows Azure User Group 2013