azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

39
Azureからアプリに 通知してみよう!! JAZUG札幌支部第4回勉強会feat.CLR/H ~デプロイ王子からAzureを学ぼう!~ #jazug CLR/H @KatsuYuzu

Upload: katsuyuzu

Post on 27-May-2015

1.166 views

Category:

Technology


1 download

DESCRIPTION

2014/09/13 「JAZUG札幌支部第4回勉強会feat.CLR/H~デプロイ王子からAzureを学ぼう!~」のスライドです。 Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

TRANSCRIPT

Page 1: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

Azureからアプリに通知してみよう!!

JAZUG札幌支部第4回勉強会feat.CLR/H

~デプロイ王子からAzureを学ぼう!~

#jazug

CLR/H

@KatsuYuzu

Page 2: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

生活を便利にする通知

•どんな通知が効果的か

•どうやって通知するか

Page 3: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

自己紹介

• Twitter• しみみん@KatsuYuzu

• Blog• http://katsuyuzu.hatenablog.jp/

•開発• Windowsストアアプリ

• Windows Phoneアプリ

•ゲーム• Ultima Online(17年続いている最古のネトゲ)

Page 4: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

コミュニティ紹介

• CLR/H(http://clr-h.jp/)

• 2か月に1度くらい• テーマ自由• 共催歓迎

• 日程や場所のご相談大歓迎

5分~

話してくれる方募集中テーマも形式も問いません

告知などでもOK!

•次回予定• 11月?• 12月13日(土)• 1月?

Page 5: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

通知

Page 6: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

通知とは

• 知らせること•人から人

•人から機械

•機械から人

Page 7: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

機械から人への通知

メール

Page 8: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

機械から人への通知

メール チーン

Page 9: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

機械から人への通知

メール チーン デュン

Page 10: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

ユースケース

•例えば、勤怠管理システムで……

申請

Page 11: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

従来の通知

Page 12: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

従来の通知

Page 13: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

デュンチーン

適した通知を選ぶ

メール

Page 14: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

スタート

これからの通知

Page 15: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

これからの通知

Page 16: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

Azureからアプリに通知してみよう!!

Page 17: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

Notification Hubs • 任意のプラットフォームにプッシュ通知をするためのインフラ• iOS• Android• Kindle• Windows / Windows Phone

Mobile Services• システムから通知までをも含むインフラ群• ウィザード、テンプレートでクイックスタート

• すぐにサービスと連携可能なプラットフォーム毎のソースをダウンロードできる

Microsoft Azure

Page 18: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

Notification Hubs • 任意のプラットフォームにプッシュ通知をするためのインフラ• iOS• Android• Kindle• Windows / Windows Phone

Mobile Services• システムから通知までをも含むインフラ群• ウィザード、テンプレートでクイックスタート

• すぐにサービスと連携可能なプラットフォーム毎のソースをダウンロードできる

Microsoft Azure

今日はやらない

Page 19: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

通知の仕組み

http://msdn.microsoft.com/ja-jp/library/windows/apps/hh913756.aspx

Page 20: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

通知の仕組み

http://msdn.microsoft.com/ja-jp/library/windows/apps/hh913756.aspx

• 通知サーバー• iOS:APNS

• Android:GCM

• Kindle:ADM

• Windows:WNS

• Windows Phone:MPNS

Page 21: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

通知の仕組み

http://msdn.microsoft.com/ja-jp/library/windows/apps/hh913756.aspx

• Notification Hubs• 各種プロトコルに対応

Page 22: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

通知の仕組み

http://msdn.microsoft.com/ja-jp/library/windows/apps/hh913756.aspx

• アプリ• 各OS向けの通知SDKで構築

Page 23: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

通知の仕組み

http://msdn.microsoft.com/ja-jp/library/windows/apps/hh913756.aspx

• 通知機構• 各OSのAPIへ通知SDKでアクセス

Page 24: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

Notification Hubs • 任意のプラットフォームにプッシュ通知をするためのインフラ• iOS• Android• Kindle• Windows / Windows Phone

Mobile Services• システムから通知までをも含むインフラ群• ウィザード、テンプレートでクイックスタート

• すぐにサービスと連携可能なプラットフォーム毎のソースをダウンロードできる

Microsoft Azure

今日はやらない

Page 25: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

Windows apps

•受け取れる通知• Toast• Tile• Raw

•プロトコル• Windows:WNS• Windows Phone:MPNS, WNS(※)

※ただし日本では

Page 26: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

Windows Phone 8.1のアプリ

• Windows Phone Silverlight 8.1•デバイス特有の特化アプリ

• MPNS, WNS

• universal Windows apps• Windows ストアアプリと共通のAPIマルチプラットフォームアプリ

• WNS

Page 27: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

手順

1. 各プラットフォームのストア上にアプリを登録 / 予約

2. Notification Hubsを構成

3. Notification Hubsにアプリを接続

4. 通知を送信

• 各プラットフォームの詳細は関連情報のチュートリアルのURLを参照

Page 28: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

登録

•ストアに予約• Visual Studioでそれぞれのプロジェクトをストアに関連付け

•マニフェスト•トースト対応

•インターネット接続

Page 29: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

構成

• universal Windows appsの場合はWNSの構成のみでOK

Page 30: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

接続

• App.xaml.csのOnLaunchedで起動毎に接続• 有効期限やチャンネル変更の回避• これだけでWin8 / WPの両方に対応

要: Install-Package WindowsAzure.Messaging.Managed

Page 31: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

通知の送信

•任意のタイミングで送信• メール送信してた処理を通知に置き換えるなど

要: Install-Package WindowsAzure.ServiceBus

Page 32: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

通知の対象を制限する

• 接続時にタグを渡す• 複数可

• ユーザー毎• ユーザーIDなど

• “username: ” +id

• プラットフォームや機能、グループ毎• プロトコル名など

• “wns”

• 機能名、グループ名など• “JAZUG”

Page 33: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

通知の対象を制限する

•接続時にタグを渡す

※デモサイトの送信先グループに合わせたグループ名の実装サンプル

Page 34: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

通知の対象を制限する

•送信時にタグを渡す

※デモサイトの送信先グループに合わせたグループ名の実装サンプル

Page 35: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

まとめ

Page 36: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

まとめ

•適した通知を選ぶ

• Notification Hubs• 各プラットフォームに対応した通知インフラ

•使い方• ストアへの登録

• Notification Hubsの構成

• SDKで接続、送信

Page 37: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

Microsoft Azure関連情報

• Notification Hubs (通知ハブ) • http://azure.microsoft.com/ja-jp/services/notification-hubs/

• Azure 通知ハブの使用• http://azure.microsoft.com/ja-

jp/documentation/articles/notification-hubs-windows-store-dotnet-get-started/

• チュートリアル• Windows ストア C#• Windows Phone• iOS• Android• Kindle• Xamarin.iOS• Xamarin.Android

• Mobile Services (モバイルサービス)• http://azure.microsoft.com/ja-jp/services/mobile-services/

Page 38: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

Windows app関連情報

• Windows プッシュ通知サービス (WNS) の概要(Windows ランタイムアプリ)• http://msdn.microsoft.com/ja-

jp/library/windows/apps/hh913756.aspx

• プッシュ通知ウィザードにより生成されるコード• http://msdn.microsoft.com/ja-

jp/library/windows/apps/dn263179.aspx• Mobile Services向けのウィザード

• [プロジェクト] > [プッシュ通知の追加]• ストア、Azureへのサインイン• アプリ名の予約、紐づけ• Mobile Servicesの作成、紐づけ• コード生成

Page 39: Azureからアプリに通知してみよう #jazug #win8dev_jp #wpdev_jp

その他情報

• Download Microsoft Azure Symbol-Icon Set from Official Microsoft Download Center• http://www.microsoft.com/en-

us/download/details.aspx?id=41937

• アイコンセット