{"id":36560,"date":"2019-05-12T06:00:25","date_gmt":"2019-05-12T13:00:25","guid":{"rendered":"http:\/\/devblogs.microsoft.com\/premier-developer\/?p=36560"},"modified":"2019-05-06T07:31:58","modified_gmt":"2019-05-06T14:31:58","slug":"adding-authentication-to-your-app-easily-with-azure-ad","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/premier-developer\/adding-authentication-to-your-app-easily-with-azure-ad\/","title":{"rendered":"Adding Authentication to Your App Easily with Azure AD"},"content":{"rendered":"<p>App Dev Manager <a href=\"https:\/\/www.linkedin.com\/in\/wesamdarwish\/\">Wesam Darwish<\/a> gives a walkthrough on how to get started with Azure Active Directory.<\/p>\n<p>When it comes to identity management, whether you&#8217;re developing a single-page app (SPA), a Web, mobile or desktop app, you need a full-featured platform that empowers you as a developer to support authentication for a variety of modern app architectures. <a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/active-directory\/develop\/about-microsoft-identity-platform\">Microsoft Identity Platform<\/a> allows you to authenticate users using a broad set of identities, such as <a href=\"https:\/\/docs.microsoft.com\/en-ca\/azure\/active-directory\/fundamentals\/active-directory-whatis\">Azure Active Directory (AAD)<\/a> identities, <a href=\"https:\/\/account.microsoft.com\">Microsoft accounts<\/a>, as well as third-party identities and social accounts using <a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/active-directory-b2c\/active-directory-b2c-overview\">Azure AD B2C<\/a>. The Microsoft Identity Platform documentation is very rich with extremely exciting <a href=\"https:\/\/docs.microsoft.com\/en-ca\/azure\/active-directory\/develop\/\">quickstarts and step-by-step tutorials<\/a> for various development platforms and client types.<\/p>\n<p>In this blog, we\u2019ll walk through very quick steps to help you start experimenting with authentication capabilities using Azure AD identities.<\/p>\n<p>Here is what you need to follow through:<\/p>\n<ul>\n<li>Access to an Azure account. If you don\u2019t have an account, start here for <a href=\"https:\/\/azure.microsoft.com\/en-ca\/free\/\">free<\/a><\/li>\n<li>Access to an Azure DevOps organization. Start here for <a href=\"https:\/\/azure.microsoft.com\/en-us\/services\/devops\/\">free<\/a><\/li>\n<\/ul>\n<h2>STEP 1: Create an Azure AD Tenant<\/h2>\n<ul style=\"list-style-type: disc;\">\n<li>Login to <a href=\"https:\/\/portal.azure.com\">https:\/\/portal.azure.com<\/a><\/li>\n<li>Follow clicks 1-6 depicted in the figure below. Choose an organization name that are unique to you.<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1176\" height=\"865\" class=\"wp-image-36600\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-31.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-31.jpeg 1176w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-31-300x221.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-31-768x565.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-31-1024x753.jpeg 1024w\" sizes=\"(max-width: 1176px) 100vw, 1176px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>When the creation process is complete, click the confirmation link to switch to the newly created AAD, or switch to it by clicking on your login name in the top right corner of the Portal, and choose \u201cSwitch directory\u201d<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"584\" height=\"655\" class=\"wp-image-36601\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-32.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-32.jpeg 584w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-32-267x300.jpeg 267w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>In the newly created Azure AD directory, create one or more users for testing<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1432\" height=\"846\" class=\"wp-image-36602\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-33.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-33.jpeg 1432w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-33-300x177.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-33-768x454.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-33-1024x605.jpeg 1024w\" sizes=\"(max-width: 1432px) 100vw, 1432px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>Provide the new user information. For (2), make sure the domain is of the format &lt;myorg&gt;.onmicrosoft.com, where &lt;myorg&gt; is the \u201cInitial domain name\u201d you chose in the earlier step above. For (6) and (7), you need to copy the password and use it the first time for Alice to login. Alice be asked to change the password then.<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1177\" height=\"1517\" class=\"wp-image-36603\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-34.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-34.jpeg 1177w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-34-233x300.jpeg 233w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-34-768x990.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-34-794x1024.jpeg 794w\" sizes=\"(max-width: 1177px) 100vw, 1177px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>Alice is now good to go<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1429\" height=\"400\" class=\"wp-image-36604\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-social-media-post-description-a-2.jpeg\" alt=\"A screenshot of a social media post Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-social-media-post-description-a-2.jpeg 1429w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-social-media-post-description-a-2-300x84.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-social-media-post-description-a-2-768x215.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-social-media-post-description-a-2-1024x287.jpeg 1024w\" sizes=\"(max-width: 1429px) 100vw, 1429px\" \/><\/p>\n<h2>STEP 2: Create a Web App<\/h2>\n<p>For this step, we will be creating an Azure Web App to host our ASP.NET code. The <a href=\"https:\/\/azure.microsoft.com\/en-us\/resources\/templates\/\">Azure Quickstart Templates<\/a> site is a gallery of more than 750 templates to help you provision applications with various components and topologies with a click of button. The code for these templates is all open source and <a href=\"https:\/\/github.com\/Azure\/azure-quickstart-templates\">hosted on GitHub<\/a>. We will be using the basic Windows Web App template for this step: <a href=\"https:\/\/azure.microsoft.com\/en-us\/resources\/templates\/101-webapp-basic-windows\/\">101-webapp-basic-windows<\/a>.<\/p>\n<ul style=\"list-style-type: disc;\">\n<li>Point your browser to: <a href=\"https:\/\/azure.microsoft.com\/en-us\/resources\/templates\/101-webapp-basic-windows\/\">https:\/\/azure.microsoft.com\/en-us\/resources\/templates\/101-webapp-basic-windows\/<\/a><\/li>\n<li>Click Deploy to Azure. This will take you to your Azure Portal to specify values for some parameters and deploy the Web App<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"873\" height=\"412\" class=\"wp-image-36605\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-35.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-35.jpeg 873w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-35-300x142.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-35-768x362.jpeg 768w\" sizes=\"(max-width: 873px) 100vw, 873px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>Enter required values to get the Web App deployed. Choose your subscription, create or choose an existing Resource Group, choose a location that is close to you, and finally, choose a unique name for your Web App. Click \u201cPurchase\u201d.<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1427\" height=\"1045\" class=\"wp-image-36606\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-36.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-36.jpeg 1427w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-36-300x220.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-36-768x562.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-36-1024x750.jpeg 1024w\" sizes=\"(max-width: 1427px) 100vw, 1427px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>You can now quickly navigate to the resource group by typing the name in the search bar in the Azure Portal<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1427\" height=\"457\" class=\"wp-image-36607\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-37.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-37.jpeg 1427w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-37-300x96.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-37-768x246.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-37-1024x328.jpeg 1024w\" sizes=\"(max-width: 1427px) 100vw, 1427px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>In the resource group, you should be able to see the newly created App Service Plan and Web App. Click the Web App in the resource group to navigate to its properties. Then point your browser to App\u2019s URL<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1431\" height=\"287\" class=\"wp-image-36608\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-38.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-38.jpeg 1431w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-38-300x60.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-38-768x154.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-38-1024x205.jpeg 1024w\" sizes=\"(max-width: 1431px) 100vw, 1431px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>At this point, the Web App is ready for us to deploy some code<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1430\" height=\"782\" class=\"wp-image-36609\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-picture-containing-screenshot-description-autom-1.jpeg\" alt=\"A picture containing screenshot Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-picture-containing-screenshot-description-autom-1.jpeg 1430w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-picture-containing-screenshot-description-autom-1-300x164.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-picture-containing-screenshot-description-autom-1-768x420.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-picture-containing-screenshot-description-autom-1-1024x560.jpeg 1024w\" sizes=\"(max-width: 1430px) 100vw, 1430px\" \/><\/p>\n<h2>STEP 3: Set up Your Azure DevOps Team Project<\/h2>\n<p>For this step, instead of building locally using Visual Studio and deploying to the Web App, we\u2019ll be using Azure DevOps for a cleaner, more repeatable demo.<\/p>\n<ul style=\"list-style-type: disc;\">\n<li>Login to your Azure DevOps organization, and create a new Team Project<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1580\" height=\"380\" class=\"wp-image-36610\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-39.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-39.jpeg 1580w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-39-300x72.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-39-768x185.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-39-1024x246.jpeg 1024w\" sizes=\"(max-width: 1580px) 100vw, 1580px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>Choose a name and click Create<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"915\" height=\"1196\" class=\"wp-image-36611\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-40.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-40.jpeg 915w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-40-230x300.jpeg 230w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-40-768x1004.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-40-783x1024.jpeg 783w\" sizes=\"(max-width: 915px) 100vw, 915px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>We are now going to import a Git repository from an <a href=\"https:\/\/github.com\/AzureADQuickStarts\">Azure AD Quick Start<\/a> project. The Azure AD Quick Start GitHub repository contains lots of great samples to get you started using various technologies, including .NET, iOS, Node.js, and many more. For this step, we\u2019ll be using the source for AppModelv2-WebApp-OpenIDConnect-DotNet. In your Azure DevOps Team Project, click Repos and then import a repository<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1430\" height=\"1125\" class=\"wp-image-36612\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-41.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-41.jpeg 1430w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-41-300x236.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-41-768x604.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-41-1024x806.jpeg 1024w\" sizes=\"(max-width: 1430px) 100vw, 1430px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>Enter the Clone URL: <a href=\"https:\/\/github.com\/AzureADQuickStarts\/AppModelv2-WebApp-OpenIDConnect-DotNet\">https:\/\/github.com\/AzureADQuickStarts\/AppModelv2-WebApp-OpenIDConnect-DotNet<\/a> and click Import. You should then get a notification indicating the code is on its way.<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"812\" height=\"566\" class=\"wp-image-36613\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-42.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-42.jpeg 812w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-42-300x209.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-42-768x535.jpeg 768w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/p>\n<p><img decoding=\"async\" width=\"1432\" height=\"646\" class=\"wp-image-36614\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-social-media-post-description-a-3.jpeg\" alt=\"A screenshot of a social media post Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-social-media-post-description-a-3.jpeg 1432w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-social-media-post-description-a-3-300x135.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-social-media-post-description-a-3-768x346.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-social-media-post-description-a-3-1024x462.jpeg 1024w\" sizes=\"(max-width: 1432px) 100vw, 1432px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>Now we need to set up a build. After the import is complete, click the \u201cSet up build\u201d button<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1432\" height=\"530\" class=\"wp-image-36615\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-43.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-43.jpeg 1432w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-43-300x111.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-43-768x284.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-43-1024x379.jpeg 1024w\" sizes=\"(max-width: 1432px) 100vw, 1432px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>Look for the Azure Web App template and click Apply<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1429\" height=\"531\" class=\"wp-image-36616\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-44.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-44.jpeg 1429w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-44-300x111.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-44-768x285.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-44-1024x381.jpeg 1024w\" sizes=\"(max-width: 1429px) 100vw, 1429px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>From the Azure Subscription drop-down menu, choose your Azure subscription and click \u201cAuthorize\u201d<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1431\" height=\"866\" class=\"wp-image-36617\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-45.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-45.jpeg 1431w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-45-300x182.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-45-768x465.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-45-1024x620.jpeg 1024w\" sizes=\"(max-width: 1431px) 100vw, 1431px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>From the App service name drop-down menu, choose the App Service we created earlier, then save and queue the build<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1430\" height=\"861\" class=\"wp-image-36618\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-46.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-46.jpeg 1430w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-46-300x181.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-46-768x462.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-46-1024x617.jpeg 1024w\" sizes=\"(max-width: 1430px) 100vw, 1430px\" \/><\/p>\n<p><img decoding=\"async\" width=\"939\" height=\"1001\" class=\"wp-image-36619\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-47.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-47.jpeg 939w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-47-281x300.jpeg 281w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-47-768x819.jpeg 768w\" sizes=\"(max-width: 939px) 100vw, 939px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>When the build task completes, if you reload your Azure web app in your browser, you should now be able to see screen below. It\u2019s exciting, I know, but do not click the \u201cSign in\u201d button yet! To get this to work, we\u2019ll need to register the app next with AAD.<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1428\" height=\"642\" class=\"wp-image-36620\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-48.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-48.jpeg 1428w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-48-300x135.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-48-768x345.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-48-1024x460.jpeg 1024w\" sizes=\"(max-width: 1428px) 100vw, 1428px\" \/><\/p>\n<h2>STEP 4: Registering with Azure AD<\/h2>\n<p>For this step, we are going to register the application with AAD in order to get a client ID that we\u2019ll use for the app to connect to AAD.<\/p>\n<ul style=\"list-style-type: disc;\">\n<li>In the Azure Portal, browse to the AAD directory we\u2019re testing with, and click on \u201cApp registrations\u201d followed by \u201cRegister an application\u201d<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1431\" height=\"712\" class=\"wp-image-36621\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-49.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-49.jpeg 1431w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-49-300x149.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-49-768x382.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-49-1024x509.jpeg 1024w\" sizes=\"(max-width: 1431px) 100vw, 1431px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>Choose a name for your application, the supported account types, enter the URL for your application, and click Register, then browse to the newly created application and set some values<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1430\" height=\"1363\" class=\"wp-image-36622\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-50.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-50.jpeg 1430w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-50-300x286.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-50-768x732.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-50-1024x976.jpeg 1024w\" sizes=\"(max-width: 1430px) 100vw, 1430px\" \/><\/p>\n<p><img decoding=\"async\" width=\"1430\" height=\"773\" class=\"wp-image-36623\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-51.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-51.jpeg 1430w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-51-300x162.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-51-768x415.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-51-1024x554.jpeg 1024w\" sizes=\"(max-width: 1430px) 100vw, 1430px\" \/><\/p>\n<p><img decoding=\"async\" width=\"1429\" height=\"626\" class=\"wp-image-36624\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-52.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-52.jpeg 1429w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-52-300x131.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-52-768x336.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-52-1024x449.jpeg 1024w\" sizes=\"(max-width: 1429px) 100vw, 1429px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>After the application is registered, we can now copy the Application (client) ID and then update the Web.config file to get everything to work<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1429\" height=\"221\" class=\"wp-image-36625\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-close-up-of-a-piece-of-paper-description-automa-1.jpeg\" alt=\"A close up of a piece of paper Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-close-up-of-a-piece-of-paper-description-automa-1.jpeg 1429w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-close-up-of-a-piece-of-paper-description-automa-1-300x46.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-close-up-of-a-piece-of-paper-description-automa-1-768x119.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-close-up-of-a-piece-of-paper-description-automa-1-1024x158.jpeg 1024w\" sizes=\"(max-width: 1429px) 100vw, 1429px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>In your Azure DevOps organization, navigate to the Web.config file, and edit it. Of course, you can connect using your IDE, but we\u2019re taking a shortcut here.<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1431\" height=\"755\" class=\"wp-image-36626\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-53.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-53.jpeg 1431w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-53-300x158.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-53-768x405.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-53-1024x540.jpeg 1024w\" sizes=\"(max-width: 1431px) 100vw, 1431px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>For the ClientID key, paste in the Application (client) ID copied from the previous step. And for the redirectUri key, insert your Web App URL. Then Commit. When committing the file, a well-disciplined software engineer will associate the commit with a Work Item they\u2019re working on; we\u2019ve skipped the steps of creating a Work Item here.<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1431\" height=\"694\" class=\"wp-image-36627\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-54.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-54.jpeg 1431w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-54-300x145.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-54-768x372.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-54-1024x497.jpeg 1024w\" sizes=\"(max-width: 1431px) 100vw, 1431px\" \/><\/p>\n<p><img decoding=\"async\" width=\"758\" height=\"691\" class=\"wp-image-36628\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-55.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-55.jpeg 758w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-55-300x273.jpeg 300w\" sizes=\"(max-width: 758px) 100vw, 758px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>The build task we set up has CI enabled by default. Committing the Web.config file will kick off a build automatically. When the build completes, we can now reload the Web App page. Make sure you open it in an In-Private\/Incognito session, and now you can click the \u201cSign in\u201d button<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1428\" height=\"642\" class=\"wp-image-36629\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-56.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-56.jpeg 1428w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-56-300x135.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-56-768x345.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-56-1024x460.jpeg 1024w\" sizes=\"(max-width: 1428px) 100vw, 1428px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>Enter Alice\u2019s credentials. Remember that the first time Alice logs in, she\u2019ll need to change her password as mentioned previously.<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"615\" height=\"473\" class=\"wp-image-36630\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-57.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-57.jpeg 615w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-57-300x231.jpeg 300w\" sizes=\"(max-width: 615px) 100vw, 615px\" \/><\/p>\n<p><img decoding=\"async\" width=\"619\" height=\"476\" class=\"wp-image-36631\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-58.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-58.jpeg 619w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-58-300x231.jpeg 300w\" sizes=\"(max-width: 619px) 100vw, 619px\" \/><\/p>\n<p><img decoding=\"async\" width=\"621\" height=\"681\" class=\"wp-image-36632\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-59.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-59.jpeg 621w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-59-274x300.jpeg 274w\" sizes=\"(max-width: 621px) 100vw, 621px\" \/><\/p>\n<p><img decoding=\"async\" width=\"618\" height=\"678\" class=\"wp-image-36633\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-60.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-60.jpeg 618w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-60-273x300.jpeg 273w\" sizes=\"(max-width: 618px) 100vw, 618px\" \/><\/p>\n<ul style=\"list-style-type: disc;\">\n<li>After login is successful, you can now browse through your claims<\/li>\n<\/ul>\n<p><img decoding=\"async\" width=\"1484\" height=\"730\" class=\"wp-image-36634\" src=\"http:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-61.jpeg\" alt=\"A screenshot of a cell phone Description automatically generated\" srcset=\"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-61.jpeg 1484w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-61-300x148.jpeg 300w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-61-768x378.jpeg 768w, https:\/\/devblogs.microsoft.com\/premier-developer\/wp-content\/uploads\/sites\/31\/2019\/05\/a-screenshot-of-a-cell-phone-description-automati-61-1024x504.jpeg 1024w\" sizes=\"(max-width: 1484px) 100vw, 1484px\" \/><\/p>\n<p>Complete code walk through is available <a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/active-directory\/develop\/tutorial-v2-asp-webapp\">here<\/a>. Make sure to explore various <a href=\"https:\/\/docs.microsoft.com\/en-us\/azure\/active-directory\/\">Azure AD<\/a> customization options and features, including Multi-factor authentication.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Secure your applications with Microsoft Identity Platform couldn&#8217;t be any easier. In this blog, we\u2019ll walk through very quick steps to help you start experimenting with authentication capabilities using Azure AD identities. <\/p>\n","protected":false},"author":582,"featured_media":36567,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[25,22,1,96],"tags":[69,3],"class_list":["post-36560","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-azure","category-devops","category-permierdev","category-security","tag-azure-ad","tag-team"],"acf":[],"blog_post_summary":"<p>Secure your applications with Microsoft Identity Platform couldn&#8217;t be any easier. In this blog, we\u2019ll walk through very quick steps to help you start experimenting with authentication capabilities using Azure AD identities. <\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/36560","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=36560"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/posts\/36560\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media\/36567"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/media?parent=36560"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/categories?post=36560"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/premier-developer\/wp-json\/wp\/v2\/tags?post=36560"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}