One of the top requests I’ve received since releasing the Salesforce Toolkits for .NET has been a Windows Phone 8 sample application. I was very happy to oblige and today I’m pleased to share with you the Windows Phone 8 OAuth sample application. This sample makes use of the Developerforce.Force and Developerforce.Common NuGet packages. Since the .NET libraries in the toolkits are all portable class libraries developers are able to build applications targeting .NET 4 & 4.5, Windows Phone 8, Windows 8 & 8.1, and Silverlight 5.

Visual Studio Phone App

This sample application demonstrates the following:

  1. Obtaining an access token using the User-Agent flow.
  2. Manging the callback in a Windows Phone 8 app.
  3. Using the access token to make a call to the Force.com REST API.

Let’s break all this down and walk through the pertinent pieces.

Creating Your Connected App

A Connected App is an application that allows you to connect to Salesforce identity and data APIs. Connected Apps use the OAuth 2.0 protocol to authenticate and acquire access tokens for use with the Force.com REST API. Additionally, the Connected App gives you granular control over the access you want to give users.

We’re going to use the Connected App to give our mobile application access to the Salesforce APIs.

You can create a Connected App in your developement environment by going to Setup > Create > Apps. The last pane reads Connected Apps. Click New to create a new Connected App.

Supply the following information:

  • Connected App Name: WindowsPhoneOAuth Sample
  • Contact Email: your@emailaddress.com

Click the Enable OAuth Settings checkbox and perform the following actions:

  • Callback URL: sfdc://success
  • Selected OAuth Scopes: add them all

When complete, it should look something like this:

Connected App settings

Go ahead and save your Connected App. Salesforce will create a Consumer Key and Consumer Secret. All we need for our purposes is the Consumer Key.

Consumer Key

Note: Identity is a complex topic and it’s important you know what you’re doing. Just as you wouldn’t store a username-password on a mobile device you shouldn’t store the Consumer Secret on a mobile device. It is not as hard as you’d think to extract this information. Consequently, we will use the User-Agent flow to protect our Connected App secrets yet still let our users get a valid access token. For more details I recommend you review Obtaining an Access Token in a Native Application (User-Agent Flow).

Updating the WindowsPhoneOAuth Sample

There’s only change you’ll have to make in the sample application. In MainPage.xaml.cs update the ConsumerKey string to use the Consumer Key created by your Connected App. Make this change and hit F5 and give it a spin.

Login to Salesforce login
Authorize Access authorize
See Your Accounts accounts

That’s it!

Of course, there’s quite a bit going on behind the scenes that makes this possible. Let’s take a look.

How Does this Work?

The first step is to create the URL to the Authorization Server. Fortunlately this is fairly simple as the Developerforce.Common library provides a helper method called FormatAuthUrl you can use.

Note that we use the ResponseTypes.Token response type, indicating our desire to use the User-Agent auth flow. The URL will look something like this:

https://login.salesforce.com/services/oauth2/authorize?response_type=token&client_id=3MVG9A2kN3Bn17hsEyMqRTTaEfW.t4ssmYD2zPrrftW7vokEg0kCWj3H_NwryefANj37hbxV_KyB0Qd2NLySH&redirect_uri=sfdc://success&display=touch&immediate=False&state=&scope=

The important values included her are:

  • response_type: By specifying token we indicate the User-Agent auth flow.
  • client_id: This is the Consumer Key from the Connected App.
  • redirect_uri: This is the Callback Url from the Connected App.
  • display: We’ve specified touch so that we get a mobile friendly login page.

Once the URL has been constructed we then tell a browser control to navigate to the URL.

Now, once we have logged in, the authorization server will redirect back with information we want to collect. We need a way to handle that callback.

Fortunately (or unfortunately, in some cases) Windows Phone 8 has what’s called URI Association Schemes that auto launches apps. Since we’re returning a URN with the value “sfdc://success” the URI association scheme tries to get involved and launch an application. We want to surpress this behavior while also hooking into it to get the values sent as part of the redirection.

To do this we’ll do a few things:

  1. Register a protocol extension that is associated to “sfdc” (from our redirect URI).

  2. Create a AuthorizationUriMapper that will allow us to override the default MapUri behavior and get access to the information in the URN.

  3. Register our AuthorizationUriMapper

As a result of our AuthorizationUriMapper, we’ll reload the MainPage.xaml and pass in the AccessToken and InstanceUrl needed to make a call the the resource server. Now making a call to the Force.com REST API to get a list of accounts is simple:

And there we have it! Access to the Force.com REST API (actually, any Salesforce API) using an access token acquired without putting any of our secrets in jeopardy.

A special thank you to several people who helped me as I built this sample: Pat Patterson for helping debug the auth flow, Matteo Pagani for helping with the ListBox binding, and Ginny Caughey & Darrel Miller for their help understanding the crazy URI assocation schemes.

I hope you find this sample useful. Good luck!