モバイルサービスでお手軽push通知
DESCRIPTION
Fukuoka Azure User Group 秋祭り発表資料TRANSCRIPT
![Page 1: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/1.jpg)
モバイルサービスでお手軽Push通知FukuokaAzureUserGroupふくあず秋祭り #jazug
2013/11/23濱本一慶(@Airish9)
![Page 2: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/2.jpg)
自己紹介
濱本 一慶(はまもと かずのり)
@Airish9
• アプリケーションエンジニア
• C#とか得意です
• エンタープライズのお仕事やってます
• 実はAzureを触りだしたのは最近です
Fukuoka Windows Azure User Group 2013
![Page 3: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/3.jpg)
Windows Azure モバイルサービス
▪ AzureのBaaSサービス
▪ 2013年6月13日に正式リリース
Fukuoka Windows Azure User Group 2013
© 2011 Microsoft Corporation All Rights Reserved.
データ
保存
ユーザー
認証
プッシュ
通知スケジューラ
![Page 4: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/4.jpg)
データ
Fukuoka Windows Azure User Group 2013
![Page 5: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/5.jpg)
データ
Fukuoka Windows Azure User Group 2013
▪ モバイルサービスのデータを保存できる データベース
▪ 列の追加は、動的スキーマが有効なアプリから追加(初期はID列のみ)
▪ テーブルに対する操作は各プラットフォームに対応したSDKを利用
▪ C#, JavaScript, Windows Phone, iOS, Android
▪ CRUD時にスクリプトを実行可能(Node.jsが使用可)
▪ テーブルに対してアクセス制限を設定可能
![Page 6: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/6.jpg)
ユーザー認証
Fukuoka Windows Azure User Group 2013
![Page 7: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/7.jpg)
ユーザー認証
▪ モバイルサービスを利用する際にユーザ認証を設定する事が可能
Fukuoka Windows Azure User Group 2013
![Page 8: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/8.jpg)
ユーザー認証
Fukuoka Windows Azure User Group 2013
クリック
![Page 9: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/9.jpg)
ユーザー認証
Fukuoka Windows Azure User Group 2013
プロバイダから提供された情報を入力
![Page 10: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/10.jpg)
ユーザー認証
▪ アプリから認証を呼び出すコードを追加
Fukuoka Windows Azure User Group 2013
MobileServiceUser user;
user = App.MobileService.LoginAsync(MobileServiceAuthenticationProvider.Facebook);
C#
FacebookGoogleMicrosoftAccountTwitterを設定可能
![Page 11: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/11.jpg)
ユーザー認証
Fukuoka Windows Azure User Group 2013
Facebookのログイン認証画面が表示される
![Page 12: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/12.jpg)
プッシュ通知
Fukuoka Windows Azure User Group 2013
![Page 13: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/13.jpg)
プッシュ通知
▪ 各プラットフォームへのプッシュ通知が可能
![Page 14: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/14.jpg)
プッシュ通知
Fukuoka Windows Azure User Group 2013
クリック
▪ モバイルサービスのプッシュを構成する
![Page 15: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/15.jpg)
プッシュ通知
Fukuoka Windows Azure User Group 2013
▪ 各プッシュサービスの情報を設定
![Page 16: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/16.jpg)
プッシュ通知
Fukuoka Windows Azure User Group 2013
▪ テーブルのスクリプトにプッシュ通知を実装
todoitemテーブルのInsert時にPush通知を実装
【WindowsStoreアプリへのPush通知】
push.wns.sendToastText04(channel.uri, { text1: item.text }, function()…
![Page 17: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/17.jpg)
プッシュ通知
Fukuoka Windows Azure User Group 2013
Windows8
• push.wnsオブジェクト
Windows Phone8
• push.mpnsオブジェクト
iOS
• push.apnsオブジェクト
Android
• push.gcmオブジェクト
▪ 各プラットフォームへのプッシュ通知はオブジェクトを変えるだけでOK
![Page 18: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/18.jpg)
スケジューラ
Fukuoka Windows Azure User Group 2013
![Page 19: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/19.jpg)
スケジューラ
▪ 定期ジョブをAzure内に組み込むことが可能
▪ JavaScriptでジョブの内容を実装(Node.jsを利用可)
▪ 無料版は1ジョブ&1時間に1回実行の制限あり
![Page 20: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/20.jpg)
とりあえずPushしてみた
Fukuoka Windows Azure User Group 2013
![Page 21: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/21.jpg)
Push通知を行うTodoListアプリ
SQLデータベース
モバイルサービス
クライアントApp 1.アプリ起動時にPush用のUriをChannelテーブルへ追加
2.ToDoの内容をTodoItemテーブルへ追加
データ
スクリプト
3.TodoItemの追加スクリプト実行(PushのUriをChannelより収得)
プッシュ通知4.Push通知
![Page 22: モバイルサービスでお手軽Push通知](https://reader033.vdocuments.site/reader033/viewer/2022060121/55942ca71a28abf31e8b45a1/html5/thumbnails/22.jpg)
ぷちDemo
Fukuoka Windows Azure User Group 2013