Azure mobile apps
Download as PPTX, PDF1 like393 views
This document provides an overview of Azure Mobile Apps, including why to use them, their architecture and features like common data access, customization, dynamic data, client code, identity and permissions, scaling, API scripts, and notifications. It covers topics like creating a mobile backend, using REST APIs to access data, permissions, identity with single sign-on, scaling the backend, and sending push notifications. Code samples and demos are provided.
Azure mobile apps
- 1. A Hitchhiker's Guide to Azure Mobile Apps
- 2. @DavidGiard David Giard Microsoft Technical Evangelist • @DavidGiard • DavidGiard.com • TechnologyAndFriends • [email protected]
- 3. @DavidGiard Agenda • Why Azure Mobile Apps? • Mobile Architecture • Common Data Access • Customization • Dynamic Data • Client Code • Identity and Permissions • Scaling • API Scripts • Notifications
- 4. @DavidGiard Why Azure Mobile Apps? • Create and maintain back-end data store • Frees you from plumbing code • Handles API Changes • Cross-Platform solution • Choose JavaScript or .NET
- 5. @DavidGiard Why Azure Mobile Apps? • Integrate with • Web Apps • Logic Apps • API Apps • All features of Web Apps
- 6. @DavidGiard Mobile Architecture Phone Data Tablet or PC iPhone iPad Android JavaScript REST APIPhone
- 7. @DavidGiard Permissions Pieces of Azure Mobile Apps SQL Server table READ INSERT UPDATE DELETE IdentityClient Code
- 8. @DavidGiard REST https://Giard.azurewebsites.net/Tables/Table1 https://mymobileapp-code.azurewebsites.net/Tables/Table1 • GET, PUT, POST, DELETE, PATCH • Extend GET with oData Query syntax
- 9. @DavidGiard REST HTTP Verb Action SQL GET Read Data SELECT… POST Create Data INSERT… DELETE Delete Data DELETE… PUT or PATCH Update Data UPDATE…
- 12. @DavidGiard oData Query Syntax Extension Description $filter WHERE clause $inlinecount # items in table $orderby SORT clause $select Columns to return $skip #records to skip $top #records to return ../Tables/Table1?$filter=state eq IL ../Tables/Table1?$filter=state eq IL&$orderby=LastName
- 13. @DavidGiard Dynamic Schema • Automatically adds columns if matching data submitted • Useful during development • Turn off during production
- 15. @DavidGiard Demo
- 16. @DavidGiard Identity – Single Sign-On Client Azure Mobile App API Twitter or Facebook or Google or Microsoft TOKEN
- 17. @DavidGiard Identity function insert(item, user, request) { item.CreatedBy = user.userId; request.execute(); } function read(query, user, request) { query.where ({CreatedBy:user.userId}); request.execute(); }
- 18. @DavidGiard Demo
- 22. @DavidGiard API Scripts exports.post = function(request, response) { // Use "request.service" to access features of your Mobile App, e.g.: // var tables = request.service.tables; // var push = request.service.push; response.send(statusCodes.OK, { message : 'Hello World!' }); }; exports.get = function(request, response) { response.send(statusCodes.OK, { message : 'Hello World!' }); }; <Mobile App URL>/api/<API Name> https://giard.azure-mobile.net/api/MyApi
- 23. @DavidGiard Demo
- 25. @DavidGiard Push Notifications App Push Service APN (Apple) GCM (Google) WNS (Windows 8) MPNS (Windows Phone) Azure Mobile Apps var payload = '<?xml version="1.0" encoding="utf-8"?><toast><visual><binding template="ToastText01">' + '<text id="1">Sample Toast</text></binding></visual></toast>'; var push = request.service.push; push.wns.send(null, payload, 'wns/toast', { success: function (pushResponse) { console.log("Sent push:", pushResponse); } }); }
- 26. @DavidGiard Azure Mobile Apps Push Notifications Push Service APN (Apple) GCM (Google) WNS (Windows 8) MPNS (Windows Phone) Notification Hub tinyurl.com/PushNoti
- 27. @DavidGiard Push Notification on Windows 8 & WP8 1. Create Mobile App 2. Write Client App 1. Associate app with store 2. Get Package SID and Client ID from Live Services. Copy to Mobile App. 3. Register notifications channel in OnLaunched (App.xaml.cs) 4. Enable Toast notifications (Package.appxmanifest) 3. Update service to send Push Notification tinyurl.com/Win8Push
- 28. @DavidGiard So Long and Thanks! David Giard • @DavidGiard • DavidGiard.com • TechnologyAndFriends.com • channel9.msdn.com/niners/dgiard