Your SlideShare is downloading. ×
0
Mobile Push Notifications to any
device with Azure Notification Hubs
Sara Silva & Edgar Clérigo
Sara Silva | Edgar Clérigo
@saramgsilva @clerigo
IOS DeveloperWindows & Windows Phone Developer
C#/XAML
Agenda
• Introduction
• Using Notification Hubs
• Send targeted notifications
• How to manage devices from your back-end
•...
Push notifications are essential in all apps
For enterprise apps
Keep users up to date
Not only for alerts
‘push to sync’ ...
Mobile push is everywhere
Reservation changes, Deals, Back-
office
Travel/Hospitality/Airlines
SMS replacement, Deals, Bac...
Push notification lifecycle
Registration at app launch
1. Client app contacts Platform Notification Service, to retrieve c...
Challenges of push notifications
Platform dependency
– Different communication protocols to PNS’ (e.g. HTTP vs TCP, xml pa...
Using Notification Hubs
One-time set up
1. Create a Notification Hub
Register
1. The client app retrieves its current hand...
Advantages of using Notification Hubs
X-plat: from any back-end to any mobile platform
• Backend can be on-prem or in the ...
Case studies
10s
3+ <2
100s
3+ 150+
What’s new
• Kindle support
• Tag Expressions
• Visual Studio integration
• Mobile Services integration
• New pricing (com...
demo
Register devices in Notification Hubs
WP8.1, Android and IOS
Tags
Tags as interest groups
1. Client app can register with a set of tags
2. Tags are simple strings (no pre-provisioning...
“How do I read tags from my hub?”
Maintain an authoritative store for your tags
Every platform provides apps a way to stor...
demo
Using tags
WP8.1, Android and IOS
Tag expressions
Social “All my group except me”
group:id && !user:id
Events Touchdown event is send to everybody following...
When to register from your app back-end
When devices register, they can register for any tag
Sometimes tags have to secure...
Registering from the back-end
Identify your device
1. Cannot use ChannelURIs/device tokens/…
2. Keep long-living NH regist...
Back-end driven tag updates
Use a tag to identify user
1. Back-end usually refers to users and not devices
2. Register dev...
demo
Using backend for register devices
WebApi and WP8.1
Using templates for multi-platform push
Registration
• Client apps can register with a platform specific template, e.g.
• ...
Using templates for localization
Registration
• Client apps can register with personalized templates, e.g.
• Windows table...
Conclusion
• Notification Hubs Apis are very simple and easy to use in each target;
• Tags helps to create interesting gro...
Q&A?
References
feedback)
• Notification Hubs service page
• Get started(Windows/Phone, iOS, Android, Kindle)
• MSDN documentat...
Thank you!
Upcoming SlideShare
Loading in...5
×

Mobile Notification for any device using Azure Notification Hubs

2,435

Published on

The talk I did in Microsoft Refresh about Notitification Hubs.

Published in: Software, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,435
On Slideshare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
29
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Mobile Notification for any device using Azure Notification Hubs"

  1. 1. Mobile Push Notifications to any device with Azure Notification Hubs Sara Silva & Edgar Clérigo
  2. 2. Sara Silva | Edgar Clérigo @saramgsilva @clerigo IOS DeveloperWindows & Windows Phone Developer C#/XAML
  3. 3. Agenda • Introduction • Using Notification Hubs • Send targeted notifications • How to manage devices from your back-end • Using Templates • Conclusion • Q&A
  4. 4. Push notifications are essential in all apps For enterprise apps Keep users up to date Not only for alerts ‘push to sync’ notifications For consumer apps Richer than SMS 10000s times cheaper
  5. 5. Mobile push is everywhere Reservation changes, Deals, Back- office Travel/Hospitality/Airlines SMS replacement, Deals, Back- office Banking/Insurance Orders, Product UX, Back-office Discrete manufacturing/Auto Prescriptions, Appointments, LOB (maintenance) Healthcare Breaking news News/Media Offers, Orders, Back-office Retail
  6. 6. Push notification lifecycle Registration at app launch 1. Client app contacts Platform Notification Service, to retrieve current channel (e.g. ChannelURIs, device tokens, registrationIds) 2. App updates handle in back-end Sending Notification 1. App back-end send notification to PNS 2. PNS pushes the notification to the app on the device Maintenance 1. Delete expired handles when PNS rejects them Platform Notification Service App back-end
  7. 7. Challenges of push notifications Platform dependency – Different communication protocols to PNS’ (e.g. HTTP vs TCP, xml payload vs json payload) – Different presentation formats and capabilities (tiles vs toasts vs badges) Routing – PNS’ provide a way to send a message to a device/channel – Usually notifications are targeted at users or interest groups (e.g. employees assigned to a customer account) – App back-end has to maintain a registry associating device handles to interest groups/users Scale – App back-end has to store current handles for each device  high storage and VM costs – Broadcast to millions of devices with low latency requires parallelization (DB and VM)
  8. 8. Using Notification Hubs One-time set up 1. Create a Notification Hub Register 1. The client app retrieves its current handle from the PNS 2. Client app creates (or updates) a registration on the Notification Hub with the current handle Send Notification 1. The app back-end sends a message to the Notification Hub 2. Notification Hub pushes it to the PNS’ APNs WNS Notification Hub App back-end iOS app Windows app MPNS GCM ADM
  9. 9. Advantages of using Notification Hubs X-plat: from any back-end to any mobile platform • Backend can be on-prem or in the cloud, .NET/Node/Java/PHP/Node/anything. • Support Windows Phone/Windows/iOS/Android and Kindle Fire. No need to store device information in the app back-end • Notification Hub maintains the registry of devices and the associations to users/interest groups Routing and interest groups • Target individual users and large interest groups using tags Personalization and localization • Keep your back-end free of presentation concerns like localization and user preferences using templates Broadcast at scale, multicast, unicast • Push notifications to millions of devices (across platforms) with a single call Telemetry • Rich telemetry available through portal or APIs
  10. 10. Case studies 10s 3+ <2 100s 3+ 150+
  11. 11. What’s new • Kindle support • Tag Expressions • Visual Studio integration • Mobile Services integration • New pricing (completely push-based) • Bulk registration mgmt APIs (private preview)
  12. 12. demo Register devices in Notification Hubs WP8.1, Android and IOS
  13. 13. Tags Tags as interest groups 1. Client app can register with a set of tags 2. Tags are simple strings (no pre-provisioning is required) 3. App back-end can target all clients with the same tag You can use tags also for • Multiple type of interest groups, e.g. • Follow bands: tag “followband:Beatles” • Follow users: tag “followuser:Alice” • Tag devices with a user id Notification Hub App back-end Tag:”Beatles”Tag:”Wailers” Tag:”Beatles”
  14. 14. “How do I read tags from my hub?” Maintain an authoritative store for your tags Every platform provides apps a way to store user information locally or in the cloud E.g. Roaming settings, iCloud Usually stored by user Try not to replicate device information Each time you update the channel, overwrite all the tags
  15. 15. demo Using tags WP8.1, Android and IOS
  16. 16. Tag expressions Social “All my group except me” group:id && !user:id Events Touchdown event is send to everybody following either team Followteam:A || Followteam:B || followplayer:1 || followplayer:2 … Hours Send notifications at specific times. E.g. Tag with timezone, @12pm in Seattle send: timezone:PST && follows:thaifood Versions & platforms Send a reminder to update to your first Android app version: version:1.0 && platform:Android
  17. 17. When to register from your app back-end When devices register, they can register for any tag Sometimes tags have to secure (e.g. using ‘{userId}’ as tag) App back-end can authenticate the user before registering the device Tags change as a result of: • Actions on different devices (e.g. adding a tag from the web app) • Other user’s actions (e.g. a manager adding an employee to a work group) Tags are derived from analytics or other user data
  18. 18. Registering from the back-end Identify your device 1. Cannot use ChannelURIs/device tokens/… 2. Keep long-living NH registration ids in device storage Register 1. First time only, a) Request registration id from hub, and b) Store it on device storage 2. CreateOrUpdate device registration (@ every app start) 3. Back-end can verify and/or add tags (e.g. performing auth) Notes 1. Nothing is stored in the app back-end 2. Do not use device SDK (risk: multiple registrations for each device) Notification Hub App back-end {id} upsert({id}, channel, tags) createId()
  19. 19. Back-end driven tag updates Use a tag to identify user 1. Back-end usually refers to users and not devices 2. Register devices with a tag like ‘userid:{id}’ Back-end updates tags 1. Retrieve device registration(s) by userid 2. Update tags Note 1. No device information in app back-end 2. Back-end only refers to users Notification Hub App back-end getByTag(userid) update(tags)
  20. 20. demo Using backend for register devices WebApi and WP8.1
  21. 21. Using templates for multi-platform push Registration • Client apps can register with a platform specific template, e.g. • Windows tablet registers with Windows Store ToastText01 template • iPhone with the Apple JSON template: { aps: {alert: “$(message)”}} Send notification • App back-end sends a platform independent message: {message: “Hello!”} Notes • Multiple templates can be specified for each device • Each template can have a different set of tags Notification Hub App back-end <toast> <visual> <binding template="ToastText01"> <text id="1">$(message)</text> </binding> </visual> </toast> { aps: { alert: “$(message)” } } { message: “Hello!” } Hello! Hello!
  22. 22. Using templates for localization Registration • Client apps can register with personalized templates, e.g. • Windows tablet wants to receive news in English • iPhone wants Italian Send notification • App back-end sends a message including both languages: {news_en: “Hello!”, news_it: “Ciao!”} Template Expressions • Templates support a simple expression language: • E.g. {‘Sara, ’+$(friend)+’ added you to ’+$(groupName)} Notification Hub App back-end <toast> <visual> <binding template="ToastText01"> <text id="1">$(news_en)</text> </binding> </visual> </toast> { aps: { alert: “$(news_it)” } } { news_en: “Hello!”, news_it: “Ciao!” } Hello! Ciao!
  23. 23. Conclusion • Notification Hubs Apis are very simple and easy to use in each target; • Tags helps to create interesting groups; • Using WebApi was easy to manage the devices registration and associate with tags and templates; • Notification Hubs Free is great for test and some apps; • Creating Apple certificates was a bit complicate (for the first time!) • Is not possible to use IOS Simulator for the tests, is needed real device; • Using Android Simulator was a bit complicate because is a requirement to have Goolge Apis and an account logged.
  24. 24. Q&A?
  25. 25. References feedback) • Notification Hubs service page • Get started(Windows/Phone, iOS, Android, Kindle) • MSDN documentation • APIs references and download • REST surface documentation • Debugging guide • Channel 9 • Pricing
  26. 26. Thank you!
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×