Have a need for backend but don't have people to build it for you? Windows Azure Mobile Service is service to build backend service quickly with all of the often needed features. In this session we will start from basics and continue to next level from there and look how you can start to use the service for advanced scenarios!

2. Thank you, sponsors!

3. What is Mobile Services?

5. Authentication out of the box
•
•
•
•
Microsoft Account
Twitter login
Google login
Facebook login

6. Developers.facebook.com

7. Setup facebook

8. Setup Mobile Services

9. Create Windows 8 project

10. Set table access level

11. Windows 8 sample application

12. Enable authenication
private MobileServiceUser user;
private async Task Authenticate()
{
user = await App.MobileService.LoginAsync(MobileServiceAuthenticationProvider.Facebook);
var message = string.Format("You are now logged in - {0}", user.UserId);
var dialog = new MessageDialog(message);
dialog.Commands.Add(new UICommand("OK"));
await dialog.ShowAsync();
}
protected override async void OnNavigatedTo(NavigationEventArgs e)
{
await Authenticate();
RefreshTodoItems();
}

13. See results on Windows 8 app

15. Enable authenication
private MobileServiceUser user;
private async Task Authenticate()
{
user = await App.MobileService.LoginAsync(MobileServiceAuthenticationProvider.Facebook);
var message = string.Format("You are now logged in - {0}", user.UserId);
var dialog = new MessageDialog(message);
dialog.Commands.Add(new UICommand("OK"));
await dialog.ShowAsync();
}
protected override async void OnNavigatedTo(NavigationEventArgs e)
{
await Authenticate();
RefreshTodoItems();
}

16. Authentication with groups on client
private FacebookSessionClient FacebookSessionClient = new FacebookSessionClient("1434104456805487");
private FacebookSession fbSession;
private MobileServiceUser user;
private async Task Authenticate()
{
fbSession = await FacebookSessionClient.LoginAsync("user_groups,user_likes,email");
var client = new FacebookClient(fbSession.AccessToken);
var token = JObject.FromObject(new { access_token = fbSession.AccessToken});
user = await App.MobileService.LoginAsync(MobileServiceAuthenticationProvider.Facebook, token);
}
protected override async void OnNavigatedTo(NavigationEventArgs e)
{
await Authenticate();
RefreshTodoItems();
}

18. CRUD
•
Create
• Read
• Update
• Delete

19. Read operation
function read(query, user, request) {
request.execute();
}

20. Read operation with filtering
function read(query, user, request) {
var identities = user.getIdentities();
var req = require('request');
var fbAccessToken = identities.facebook.accessToken;
var url = 'https://graph.facebook.com/me?fields=groups.fields(id)&access_token=' + fbAccessToken;
req(url, function (err, resp, body) {
var userData = JSON.parse(body);
var groups = userData.groups.data;
for(var i=0;i<groups.length;i++){
if (groups[i].id == "304013539633881")
{
request.execute();
return;
}
}
query.take(2);
request.execute();
});
}

22. Major features of data handling
•
Dynamic schema
• Windows Azure SQL Database

23. Changing table model
public class TodoItem
{
public string Id { get; set; }
[JsonProperty(PropertyName = "text")]
public string Text { get; set; }
[JsonProperty(PropertyName = "complete")]
public bool Complete { get; set; }
public string Platfrom { get; set; }
}

24. Changing handling logic
private async void UpdateCheckedTodoItem(TodoItem item)
{
if (item.Platfrom == null)
{
item.Platfrom = "Windows 8";
}
await todoTable.UpdateAsync(item);
items.Remove(item);
}
private void ButtonSave_Click(object sender, RoutedEventArgs e)
{
var todoItem = new TodoItem { Text = TextInput.Text, Platfrom = "Windows 8" };
InsertTodoItem(todoItem);
}

25. Data at portal

26. Data at SQL explorer

28. Notifications
•
Windows Phone
• Android
• iPhone
• Windows 8

29. Adding notifications to Windows 8

30. Visual Studio wizard

31. Reserve application name

32. Choose used mobile service

33. Notification is done!
App start and send channel to mobile service
2. Mobile service saves that into database and
sends notification
1.

34. Client implementation 2.0
public async static void UploadChannel(MobileServiceUser user)
{
var channel = await
PushNotificationChannelManager.CreatePushNotificationChannelForApplicationAsync();
var token = HardwareIdentification.GetPackageSpecificToken(null);
string installationId = CryptographicBuffer.EncodeToBase64String(token.Id);
var ch = new Jobject
{
{"channelUri", channel.Uri},
{"installationId", installationId},
{"userId", user.UserId.Substring(9)}
};
await App.MobileService.GetTable("channels").InsertAsync(ch);
}
private MobileServiceUser user;
protected override async void OnNavigatedTo(NavigationEventArgs e)
{
await Authenticate();
cloudbrewtapanila.cloudbrewtapanilaPush.UploadChannel(user);
RefreshTodoItems();
}

35. TodoItem Insert
function insert(item, user, request) {
var identities = user.getIdentities();
var fbUserId = identities.facebook.userId;
var ct = tables.getTable("channels");
ct.where({ userId: fbUserId }).read({
success: function (results) {
if (results.length > 0) {
sendNotifications(results[0].channelUri,item);
}
}
});
function sendNotifications(uri,todoItem) {
push.wns.sendToastText01(uri, { text1: "You have just inserted new todo " + todoItem.text },
{
success: function (pushResponse) {
console.log("Sent push:", pushResponse);
}
});
}
request.execute();
}

37. Enable from portal

38. Git repository

39. Clone your git repository

40. Folder structure

41. NPM install

42. Sendgrid

43. Sending email
var req = require('request');
var fbAccessToken = identities.facebook.accessToken;
var url = 'https://graph.facebook.com/me?fields=email&access_token=' + fbAccessToken;
req(url, function (err, resp, body) {
var userData = JSON.parse(body);
var userEmail = userData.email;
var sendgrid = require('sendgrid')("TapanilaCloudBrew", "password");
sendgrid.send({
to: userEmail,
from: 'teemu@tapanila.net',
subject: ‘New todoitem added',
text: ‘You added new todoitem ‘ + todoItem.text
});
});

45. Creating scheduler job

46. BrewCloud
function BrewCloud() {
var td = tables.getTable("TodoItem");
td.where({ complete: false }).read({
success: function (results) {
if (results.length > 0) {
var sendgrid = require('sendgrid')("TapanilaCloudBrew", "password");
sendgrid.send({
to: "teemu@tapanila.net",
from: 'teemu@tapanila.net',
subject: 'Status of brewing cloud',
text: 'There is ' + results.length + " items left“
});
}
}
});
}

48. Log on portal

49. Log on Visual Studio

51. What is Mobile Services?

53. The Cloud for
Modern Business
Grab your benefit
aka.ms/azuretry
Deploy fast in the
cloud, scale
elastically and
minimize test cost
Activate your Windows Azure MSDN
benefit at no additional charge
aka.ms/msdnsubs
cr