building mobile apps with a mobile services .net backend

Laat ons weten wat u vindt van deze sessie! Vul de evaluatie in via www.techdaysapp.nl en maak kans op een van de 20 prijzen*. Prijswinnaars worden bekend gemaakt via Twitter (#TechDaysNL). Gebruik hiervoor de code op uw badge.

Let us know how you feel about this session! Give your feedback via www.techdaysapp.nl and possibly win one of the 20 prizes*. Winners will be announced via Twitter (#TechDaysNL). Use your personal code on your badge.

* Over de uitslag kan niet worden gecorrespondeerd, prijzen zijn voorbeelden – All results are final, prizes are examples

Building Mobile Apps with a Mobile Services .NET BackendSasha GoldshteinCTO, Sela GroupMicrosoft C# MVP, Azure MRS, Azure Insiderblog.sashag.net@goldshtn

Who are we?App developers

What do we hate?Backends

Azure Mobile Services is a backend for your mobile apps

… that has a free tier… and cloud scale… and support for all mobile platforms

This talk will focus on the .NET backend and the C# clients

… the Node.js backend with iOS/Android clients was discussed earlier today

Platforms and FeaturesPlatforms (client libraries)•Windows Phone•Windows 8• Xamarin• iOS• Android• HTML/JavaScript• PhoneGap

Features• Data and queries• Push notifications• Authentication• Data access customization• Custom API• Offline sync• Mass push• Remote debugging• Local deployment for testing

System Diagram

Microsoft Azure

SQL Databas

e

ASP.NET Web API backend

Microsoft Push

Notification Service

Facebook Auth

Provider

Windows Notification

Service

Microsoft Auth Provider

Data Queryvar service = new MobileServiceClient( “http://rentahome.azure-mobile.net/”, “<APPLICATION KEY>”);

var table = service.GetTable<Apartment>();

List<Apartment> apartments = await table.Where(a => a.Rented == false) .ToListAsync();

Authenticationvar user = await service.LoginAsync( MobileAuthenticationProvider.Facebook);

Client-Side Push Registrationvar channel = await PushNotificationChannelManager. CreatePushNotificationChannelForApplicationAsync();

await service.GetPush() .RegisterNativeAsync(channel.Uri);

Visual Studio Support

Server-Side Pushpublic async Task<IHTTPActionResult> PostApartment( Apartment apartment){ var inserted = await InsertAsync(apartment); var push = new ApplePushMessage( “Added apartment at ” + apartment.Address, null); await Services.Push.SendAsync(push); return CreatedAtRoute(“Tables”, new { id = inserted.Id }, inserted);}

Server-Side Authorization[RequiresAuthorization(AuthorizationLevel.User)]public async Task<IHTTPActionResult> PostApartment( Apartment apartment){ var inserted = await InsertAsync(apartment); return CreatedAtRoute(“Tables”, new { id = inserted.Id }, inserted);}

DemoBuilding the “Rent a Home”Windows Store Appwith the Mobile Services .NET Backend

Offline Sync SupportCurrently in Preview, only for Windows Store appsUses SQLite backing storeManual push and pull, no auto-syncConflict detection and management

Preparing Data Model for OfflineSync Supportpublic class Apartment{ public string Id { get; set; } public bool Rented { get; set; } public string Address { get; set; } public uint Bedrooms { get; set; } [Version] public string Version { get; set; }}

Initializing Sync Table and Storevar table = service.GetSyncTable<Apartment>();if (!service.SyncContext.IsInitialized){ var store = new MobileServiceSQLiteStore(“my.db”); store.DefineTable<Apartment>() await service.SyncContext.InitializeAsync(store, new MobileServiceSyncHandler());}

Pull and Push// May throw if there is a connection problemawait table.PullAsync();var list = await table.OrderBy(a => a.Bedrooms) .ToListAsync();

table.Insert(new Apartment(...));// May throw if there is a connection problem// or a conflict, cf. MobileServicePushFailedExceptionservice.SyncContext.PushAsync();

DemoAdding Offline Sync Support

Questions?Sasha Goldshteinblog.sashag.net@goldshtn

Laat ons weten wat u vindt van deze sessie! Vul de evaluatie in via www.techdaysapp.nl en maak kans op een van de 20 prijzen*. Prijswinnaars worden bekend gemaakt via Twitter (#TechDaysNL). Gebruik hiervoor de code op uw badge.

Let us know how you feel about this session! Give your feedback via www.techdaysapp.nl and possibly win one of the 20 prizes*. Winners will be announced via Twitter (#TechDaysNL). Use your personal code on your badge.

* Over de uitslag kan niet worden gecorrespondeerd, prijzen zijn voorbeelden – All results are final, prizes are examples