{"id":19455,"date":"2018-03-14T21:35:00","date_gmt":"2018-03-14T21:35:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/premier_developer\/?p=19455"},"modified":"2019-02-21T12:53:09","modified_gmt":"2019-02-21T19:53:09","slug":"client-directed-authentication-with-azure-mobile-apps","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/premier-developer\/client-directed-authentication-with-azure-mobile-apps\/","title":{"rendered":"Client Directed Authentication with Azure Mobile Apps"},"content":{"rendered":"

App Dev Manager Nicholas McCollum walks through creating an Azure Mobile App that uses client directed authentication via Azure AD.<\/p>\n

\n

Azure Mobile Apps are built on Azure App Services. Through the Azure portal you can configure your Azure Mobile App to provide sign in, push notifications, and data synchronization. When you configure sign in through the Azure portal for your Azure Mobile App by default you are leveraging the \u201cserver directed\u201d or \u201cserver managed\u201d authentication flow. While this approach will suffice for simple application scenarios \u201cclient directed\u201d or \u201cclient managed\u201d authentication is the preferred method for authenticating with an Azure Mobile App.<\/p>\n

Using client directed authentication your mobile application independently contacts the identity provider and then includes the returned access token during login with your Azure Mobile App rather than relying on the Azure Mobile App service to handle the exchange with the identity provider. Client directed authentication is preferred to server directed authentication as the identity provider SDK provides a more native user experience, supports single sign-on, and refresh support.<\/p>\n

In this article we will walk through using client directed authentication with Azure Active Directory to authenticate to an Azure Mobile App from a Xamarin.Forms mobile application.<\/p>\n

Setting Up the Environment<\/h2>\n

Prior to writing our code we need to perform two actions in the Azure portal. First, we must create an Azure Mobile App and register that web application with Azure Active Directory. Second, we must register a native client application with Azure Active Directory and grant it access to call the Azure Mobile App. An example of each Azure Active Directory application registration is shown below.<\/p>\n

\"clip_image002\"<\/a><\/p>\n

While registering your applications also make sure to note the directory ID on the Properties blade of your Azure Active Directory. You will need this later.<\/p>\n

\"clip_image004\"<\/a><\/p>\n

 <\/p>\n

With our mobile app and native client registered in Azure Active Directory we need to enable authentication on our mobile app in the Azure portal. When configuring our Azure Mobile App we will enable App Service Authentication and then configure Azure Active Directory as an Authentication Provider. On the Active Directory Authentication blade we will select the Advanced option and enter the client ID of the web application registered earlier and the issuer URL. The issuer URL will be https:\/\/sts.windows.net\/<\/a> followed by your Azure Active Directory ID. In the Allowed Token Audiences field we will enter the App ID URI of the web application registered earlier.<\/p>\n

\"\"<\/p>\n

\"clip_image008\"<\/a><\/i><\/i><\/p>\n

With our mobile app created, registered, and configured we are ready to begin work on our code.<\/p>\n

The Visual Studio Solution<\/b><\/h2>\n

Our Visual Studio solution is made up of two projects. The first is an ASP.Net web application that leverages the Azure Mobile App project template. The second project is a Xamarin.Forms application that uses the Blank App project template with Shared Project as the Code Sharing Strategy.<\/p>\n

Since the goal of this exercise is to authenticate with the Azure Mobile App using client-directed authentication we will only make a minor change to the ASP.Net application. Open the ValuesController.cs file in the Controllers folder and add an [Authorize] attribute to the class definition. This will ensure that only authenticated users can call the methods of the ValuesController class. Publish your application to the Azure Mobile App Service you created in your Azure subscription.<\/p>\n

With work on the Azure Mobile App complete we can turn our attention to the Xamarin.Forms project. Prior to doing anything else open the NuGet package manager and update all of the packages used by the Xamarin.Forms project to their latest version. Once that is complete rebuild the solution and verify that it builds without errors. Open the NuGet package manager again and add a reference to Microsoft.Azure.Mobile.Client and Microsoft.IdentityModel.Clients.ActiveDirectory. Again rebuild the solution and verify that it builds without errors.<\/p>\n

Open the MainPage.xaml file in the shared project and modify its contents as follows.<\/p>\n

<?xml version=\"1.0\" encoding=\"utf-8\" ?><\/code><\/p>\n

\u00a0\u00a0 <ContentPage xmlns=\"http:\/\/xamarin.com\/schemas\/2014\/forms\"<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 xmlns:x=\"http:\/\/schemas.microsoft.com\/winfx\/2009\/xaml\"<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 xmlns:local=\"clr-namespace:MobileAppClient\"<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 x:Class=\"MobileAppClient.MainPage\"><\/code><\/p>\n

 <\/p>\n

\u00a0\u00a0 <StackLayout Orientation=\"Vertical\"><\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <Button Text=\"Login\" Clicked=\"OnLoginClicked\"><\/Button><\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <Label x:Name=\"lblHello\"><\/Label><\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <Label x:Name=\"lblMobileServiceStatus\"><\/Label><\/code><\/p>\n

\u00a0\u00a0 <\/StackLayout><\/code><\/p>\n

 <\/p>\n

<\/ContentPage><\/code><\/p>\n

The Login button will be used to trigger our authentication with Azure Active Directory. The lblHello will display the user\u2019s displayable ID when they authenticate successfully. The lblMobileServiceStatus will display the results of our calls to the Azure Mobile App.<\/p>\n

Next we will create a simple class named ServiceManager in the shared project that provides a singleton instance of the Microsoft.WindowsAzure.MobileServices.MobileServiceClient class. The implementation of the ServiceManager class is shown below. Make sure to update the value of the _serviceUrl variable to contain the URL of your Azure Mobile App Service.<\/p>\n

using Microsoft.WindowsAzure.MobileServices;<\/code><\/p>\n

 <\/p>\n

namespace MobileAppClient<\/code><\/p>\n

{<\/code><\/p>\n

\u00a0\u00a0 public class ServiceManager<\/code><\/p>\n

\u00a0\u00a0 {<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 private readonly string _serviceUrl = @\"https:\/\/your-mobile-app.azurewebsites.net\";<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 private static ServiceManager _defaultInstance = new ServiceManager();<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 private MobileServiceClient _client;<\/code><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 private ServiceManager()<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 _client = new MobileServiceClient(_serviceUrl);<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/code><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 public static ServiceManager DefaultManager<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 get { return _defaultInstance; }<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 private set { _defaultInstance = value; }<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/code><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 public MobileServiceClient CurrentClient<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 get { return _client; }<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/code><\/p>\n

\u00a0\u00a0 }<\/code><\/p>\n

}<\/code><\/p>\n

With our ServiceManager created we can add implementation details to the MainPage.xaml.cs file. Open the MainPage.xaml.cs file in the shared project and make the following modifications.<\/p>\n

1. Add private variables to store our Azure Active Directory settings and the default instance of our ServiceManager class.<\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 private readonly string _authority = \"https:\/\/login.microsoftonline.com\";<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 private readonly string _tenant = \"your-aad-tenant.onmicrosoft.com\";<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 private readonly string _resourceID = \"https:\/\/your-aad-tenant.onmicrosoft.com\/mobiletest1\";<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 private readonly string _clientID = \"e1ab7561-e676-4ee0-bc30-5d3bc87c2fd9\";<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 private readonly string _redirectUrl = \"http:\/\/localhost\";<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 private ServiceManager _manager = ServiceManager.DefaultManager;<\/code><\/p>\n

2. Create a public property named PlatformParameters of type IPlatformParameters.\n\u00a0 \u00a0 \u00a0\u00a0 public IPlatformParameters PlatformParameters { get; set; }<\/code><\/p>\n

3. Add code to the OnLoginClicked event handler to trigger authentication with Azure Active Directory.<\/p>\n

\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 JObject payload = null;<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 try<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Authenticate with Azure Active Directory and obtain an access token for the mobile app service<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 AuthenticationContext context = new AuthenticationContext(string.Format(\"{0}\/{1}\", _authority, _tenant));<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 AuthenticationResult result = await context.AcquireTokenAsync(_resourceID, _clientID, new Uri(_redirectUrl), PlatformParameters);<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 payload = new JObject();<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 payload[\"access_token\"] = result.AccessToken;<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 lblHello.Text = string.Format(\"Hello {0}!\", result.UserInfo.DisplayableId);<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 lblHello.TextColor = Color.Green;<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 catch (Exception)<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 lblHello.Text = \"Login failed!\";<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 lblHello.TextColor = Color.Red;<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/code><\/p>\n

4. If authentication is successful, login to the Azure Mobile App using the access token returned by Azure Active Directory and call the default Get method on the ValuesController of the Azure Mobile App.<\/p>\n

\u00a0 \u00a0 \u00a0\u00a0 if (payload != null)<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 try<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Login to the Azure Mobile App Service<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 MobileServiceUser user = await _manager.CurrentClient.LoginAsync(MobileServiceAuthenticationProvider.WindowsAzureActiveDirectory, payload);<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 lblMobileServiceStatus.Text = \"Connected to Azure Mobile App Service\";<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 lblMobileServiceStatus.TextColor = Color.Green;<\/code><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 try<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \/\/ Call the ValuesController<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 IEnumerable<string> values = await _manager.CurrentClient.InvokeApiAsync<IEnumerable<string>>(\"values\");<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 lblMobileServiceStatus.Text = string.Join(\",\", values);<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 lblMobileServiceStatus.TextColor = Color.Green;<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 catch (MobileServiceInvalidOperationException ex)<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 lblMobileServiceStatus.Text = string.Format(\"Call to Azure Mobile App Service ValuesController failed with the following information {0} {1}\", ex.Response.StatusCode, ex.Response.ReasonPhrase);<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 lblMobileServiceStatus.TextColor = Color.Red;<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/code><\/p>\n

 <\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 catch (MobileServiceInvalidOperationException ex)<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 {<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 lblMobileServiceStatus.Text = string.Format(\"Login to Azure Mobile App Service failed with the following information {0} {1}\", ex.Response.StatusCode, ex.Response.ReasonPhrase);<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 lblMobileServiceStatus.TextColor = Color.Red;<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/code><\/p>\n

\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }<\/code><\/p>\n

That completes the changes to the MainPage.xaml.cs file. Now we need to make some minor changes to each platform specific project to support authentication to Azure Active Directory.<\/p>\n

Add a new class named MainPageRenderer to each platform specific project (MobileAppClient.Android, MobileAppClient.iOS, and MobileAppClient.UWP). That class should inherit from PageRenderer. Add the following assembly attribute above the namespace declaration in each class\n[assembly: ExportRenderer(typeof(MainPage), typeof(MainPageRenderer))]<\/code>\nThe first parameter references the Xamarin.Forms page in the shared project and the second parameter identifies the page renderer that will be used to render the page on the platform. We use this approach because the implementation of the IPlatformParameters interface is slightly different on each platform.<\/p>\n

Make the following changes to the MainPageRenderer.cs file in the Android project.\nprivate MainPage _page;<\/code>\nprotected override void OnElementChanged(ElementChangedEventArgs<Page> e)<\/code><\/p>\n

{<\/code><\/p>\n

base.OnElementChanged(e);<\/code><\/p>\n

_page = e.NewElement as MainPage;<\/code><\/p>\n

Activity activity = this.Context as Activity;<\/code><\/p>\n

_page.PlatformParameters = new PlatformParameters(activity);<\/code><\/p>\n

}<\/code><\/p>\n

Make the following changes to the MainActivity.cs file in the Android project.\nprotected override void OnActivityResult(int requestCode, Result resultCode, Intent data)<\/code>\n{<\/code><\/p>\n

base.OnActivityResult(requestCode, resultCode, data);<\/code><\/p>\n

AuthenticationAgentContinuationHelper.SetAuthenticationAgentContinuationEventArgs(requestCode, resultCode, data);<\/code><\/p>\n

}<\/code><\/p>\n

Make the following changes to the MainPageRenderer.cs file in iOS project.\nMainPage _page;\nprotected override void OnElementChanged(VisualElementChangedEventArgs e)<\/code><\/p>\n

{<\/code><\/p>\n

base.OnElementChanged(e);<\/code><\/p>\n

_page = e.NewElement as MainPage;<\/code><\/p>\n

}<\/code><\/p>\n

public override void ViewDidLoad()<\/code><\/p>\n

{<\/code><\/p>\n

base.ViewDidLoad();<\/code><\/p>\n

_page.PlatformParameters = new PlatformParameters(this);<\/code><\/p>\n

_page.DeviceRegistration = new DeviceRegistrationManager();<\/code><\/p>\n

_page.NotificationHandle = AppDelegate.Instance.DeviceToken;<\/code><\/p>\n

}<\/code><\/p>\n

Make the following changes to the MainPageRenderer.cs file in the UWP project.\nprivate MobileAppClient.MainPage _page;<\/code>\nprotected override void OnElementChanged(ElementChangedEventArgs<Page> e)<\/code><\/p>\n

{<\/code><\/p>\n

base.OnElementChanged(e);<\/code><\/p>\n

_page = e.NewElement as MobileAppClient.MainPage;<\/code><\/p>\n

_page.PlatformParameters = new PlatformParameters(PromptBehavior.Auto, true);<\/code><\/p>\n

}<\/code><\/p>\n

With these changes in place the PlatformParameters property will be correctly populated on each platform before the code attempts to authenticate with Azure Active Directory. Rebuild the solution and run it on each platform. You should be able to successfully authenticate and invoke the Values API on the Azure Mobile App Service.<\/p>\n

\"clip_image010\"<\/a><\/p>\n

\"clip_image012\"<\/a><\/p>\n

Wrapping Up<\/h2>\n

This post has provided you with the basic information needed to leverage client directed authentication with Azure Active Directory to authenticate with an Azure Mobile App Service. This approach can be used with any of the identity providers supported by the Azure Mobile App Service such as Azure Active Directory, Facebook, Google, Microsoft Account, and Twitter.<\/p>\n

\n

Premier Support for Developers<\/strong><\/a> provides strategic technology guidance, critical support coverage, and a range of essential services to help teams optimize development lifecycles and improve software quality.\u00a0 Contact your Application Development Manager (ADM) or email us<\/b><\/a> to learn more about what we can do for you.<\/p>\n","protected":false},"excerpt":{"rendered":"

App Dev Manager Nicholas McCollum walks through creating an Azure Mobile App that uses client directed authentication via Azure AD. Azure Mobile Apps are built on Azure App Services. Through the Azure portal you can configure your Azure Mobile App to provide sign in, push notifications, and data synchronization. When you configure sign in through […]<\/p>\n","protected":false},"author":582,"featured_media":37840,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[25],"tags":[69,70,71,3],"class_list":["post-19455","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-azure","tag-azure-ad","tag-azure-mobile-apps","tag-mobile-development","tag-team"],"acf":[],"blog_post_summary":"

App Dev Manager Nicholas McCollum walks through creating an Azure Mobile App that uses client directed authentication via Azure AD. Azure Mobile Apps are built on Azure App Services. Through the Azure portal you can configure your Azure Mobile App to provide sign in, push notifications, and data synchronization. When you configure sign in through […]<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/19455","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/users\/582"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/comments?post=19455"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/19455\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media\/37840"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media?parent=19455"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/categories?post=19455"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/tags?post=19455"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}