page_type | languages | products | description | urlFragment | ||
---|---|---|---|---|---|---|
sample |
|
|
This simple sample demonstrates how to use the Microsoft Authentication Library (MSAL) for .NET to get an access token and call an API. |
active-directory-b2c-dotnet-uwp |
Universal Windows Platform (UWP) application signing in users with Azure Active Directory B2C and calling an API
This simple sample demonstrates how to use the Microsoft Authentication Library (MSAL) for .NET to get an access token and call an API secured by Azure AD B2C.
This sample is very similar to the active-directory-b2c-dotnet-desktop sample except that it's implemented for the UWP plaform instead of WPF.
To run this sample you will need:
- Visual Studio 2015
- An Internet connection
- At least one of the following accounts:
- An Azure AD B2C tenant
If you don't have an Azure AD B2C tenant, you can follow those instructions to create one. If you just want to see the sample in action, you don't need to create your own tenant as the project comes with some settings associated to a test tenant and application; however it is highly recommend that you register your own app and experience going through the configuration steps below.
From your shell or command line:
git clone https://github.com/Azure-Samples/active-directory-b2c-dotnet-uwp.git
You can run the sample as is with its current settings, or you can optionally register it as a new application under your own developer account. Creating your own app is highly recommended.
IMPORTANT: if you choose to perform one of the optional steps, you have to perform ALL of them for the sample to work as expected.
You can find detailed instructions on how to create a new mobile / native app on this page Make sure to:
- Copy down the Application Id assigned to your app, you'll need it in the next optional steps.
- Copy down the Redirect URI you configure for your app.
This sample requires your B2C app to the following policy types "Sign Up or Sign In", "Edit Profile" and "Reset Password".
You can follow the instructions in this tutorial to create them.
Once created, replace the following value in the App.xaml.cs
file with your own policy name. All B2C policies should begin with b2c_1_
.
public static string PolicySignUpSignIn = "b2c_1_susi";
Our sample calls the Web API produced by the following sample https://github.com/Azure-Samples/active-directory-b2c-javascript-nodejs-webapi (and pre-hosted in Azure). See the README.md file for that sample to understand better how to create your own Web API.
- Open the solution in Visual Studio 2015 or 2017.
- Open the
App.xaml.cs
file. - Find the assignment for
public static string ClientID
and replace the value with the Application ID from Step 2. - Find the assignment for each of the policies
public static string PolicyX
and replace the names of the policies you created in Step 3. - Find the assignment for the scopes
public static string[] Scopes
and replace the scopes with those you created in Step 4.
Out of the box, this sample is not configured to work with Windows Integrated Authentication (WIA) when used with a federated Azure Active Directory domain. To work with WIA the application manifest must enable additional capabilities. These are not configured by default for this sample because applications requesting the Enterprise Authentication or Shared User Certificates capabilities require a higher level of verification to be accepted into the Windows Store, and not all developers may wish to perform the higher level of verification. To enable Windows Integrated Authentication, in Package.appxmanifest, in the Capabilities tab, enable:
- Enterprise Authentication
- Private Networks (Client & Server)
- Shared User Certificates
Also, in the constructor of the application in App.xaml.cs
, add the following line of code: authContext.UseCorporateNetwork = true;
- Clean the solution, rebuild the solution, and run it.
- Click the sign-in button at the top of the application screen. The sample works exactly in the same way regardless of the account type you choose, apart from some visual differences in the authentication and consent experience. Upon successful sign in, the application screen will list some basic profile info for the authenticated user and show buttons that allow you to edit your profile, call an API and sign out.
- Close the application and reopen it. You will see that the app retains access to the API and retrieves the user info right away, without the need to sign in again.
- Sign out by clicking the Sign out button and confirm that you lose access to the API until the exit interactive sign in.
For more information on Azure B2C, see the Azure AD B2C documentation homepage.