Flexibility is a key part of Azure Active Directory B2C. Use built-in policies to create a login experience in minutes. For more complex scenarios, use our identity experience framework to build custom policies.
\n\nThis article is one of the two part series I wrote on how to use Azure B2C as your identity manager.
\nYou can find part 2 here.
\n\nA while ago I was engaged in a front end project using Asp.Net Core and Angular 2. At some point we decided to integrate our application with Azure B2C as our identity management aka IDM.
\nIn a nutshell, Azure B2C allows us to let users sign in with their own email address as their username compared to Azure Active Directory (AD) in which you have to have an email with the domain associated with your tenant.
\nIt also supports social login and multi factor authentication (MFA), learn more about it with this short video.
\nI am not going to go through all of its features, however you can find enough information here.
\nIn these blog series I will talk about how you can integrate your application into Azure B2C and use some of its features via GraphAPI.
\nFirst of all you need to setup a B2C tenant (or more if you have a multi tenant application). There are many good articles on how to set it up, but I used this from Microsoft official documentation.
\nYou will need an application in order to talk to the login endpoint provided by Azure B2C. This is very important because this application contains the information about your application such as reply URL. Simply follow this link to set it up. Don’t forget to setup the scopes as you might spend hours trying to figure out why you are getting unauthorised error from Azure login endpoint.
\nThe below picture demonstrates the screen you will need to fill in.
\nThe most important things you will need at the end of these steps are the application Id and secret key which you will generate on the keys menu. Also make sure the reply URL is pointing to where you handle the login callback (either on client or server side).
\nThe only thing that you cannot do through the new Azure portal is to create the MFA, which you can do via the classic portal. The instructions to setup the MFA can be found here.
\nUnfortunately the soft tokens are not available with the default MFA settings (you will need a MFA server), but you can use SMS or email verification.
\nThe authentication flows are handled by policies on Azure B2C. There are some default policies you can setup and use or you can opt in to use custom policies which give you more options but are harder to manage.
\nYou can simply get started by using one of sign-in or sign-up policies. This article shows you how to set one up. Next you can setup a password reset policy if you want to allow users to reset their passwords.
\nAfter you setup the policies you can check the metadata endpoint by hitting metadata URL (replace the tenant and policy with yours):
\n\nYou can find the same link at the bottom of the policy details page where you can test the policy alone.
\nThere are some default settings for token, session and single sign-on configuration, which you can use. However, if you have some requirement which force you to customise these settings, this link contains the required information.
\nSo far we saw how to setup the B2C to get it to a point where you can use it in your application. At this point you will need to follow three simple steps to successfully authenticate someone.
\nYou can also refresh the token if you want, and before you think of these terms I have to say yes these are all part of OAuth 2.0 authorisation code flow.
\nIn the next blog post I will show you some code and samples which will help you integrate your application and also use some of the features that are available only via GraphAPI.
","timeToRead":3,"frontmatter":{"title":"Using Azure B2C as your identity manager (Part 1)","unformattedDate":"2017-08-16T00:00:00.000Z","date":"Aug 16, 2017","path":"using-azure-b2c-identity-manager-part-1/","author":"Yaser Adel Mehraban","tags":["angular 2","aspnetcore","authentication","azure","b2c","idm","mfa"],"thumbnail":{"childImageSharp":{"gatsbyImageData":{"layout":"constrained","placeholder":{"fallback":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAADiUlEQVR42pWUWW8bVRiGfdG/wmV/Q4QggELktI63ZLylUMSmXoFUEKiVegM/AC4AUVRVYin1Fq/jhnRJVCoRILE9jsf2LE6cJt5qvNuZmZdvEkdKaF2aI41GmnP0zHPe7zvHYBgzJpaXz+jv+VDmZUc4W3KEN2vMYsZ4OIczhtOMI5g9kHrDnZA6TlYAE8vDc0fetwfSVn3uymjNKWAbk+6E2LZH8nBHRPVCVFJtYV5zs9JwPsCZXsj0pJnYmYvkcPleUeGrmxDqHK6ubKm2EK+5EvK+ZWQ6Mc70uJmLFdsLrIgZX1L15rpYl5xYE4yIi20Yb6c0F22fiUtD2zjT42YuMnPFCqAiKJYgh+/+LKPcXEOl+Tt+TFZhCWZgX8yoTCSnMaz0tOl/M1ugAhBMtYeyuHZfxFcPZZSafdS6Q3z9sIgvViQCZnWodvBjVjxmOoIeVXOOCmD0pRUzWeiwG39s4/14DnytTdAe3o3l8D19+5Kg+pqp2ynVvMhrDt3Ue2hqsPnWX/Ho1Yzm8fFdWY0IA/ywXsW3j4r4aKmAcz4OwpMedtsDzPgzuJTI4xuau/53BRFxgE/vbWnmEE+m0tAaTJ8zuFmxQEWAJyoo2WoOqeIcdhuruLa6R3mlYSWTAgEfE9Aa3ISJcr18d4fW/IUN+TyE2gbeihVVe0SHinWDixVEerAQFQnIIylbsNN4gA/ulCgnDpZABvkR0EJAG31zR4vYbqwR0EjttI63dWCYgHGpYWCC3Gu05a6deu6T+0U1VOhhp6XiN7mOWYKZ/IeGuyPDaS8HH19BuaMhIvTx+YNtzbyY1ZysqNj9KfNBjtT5056E3NOhb3rTyjtUiEpngCW5gVd/SSJXb+Fxq4vJW0l4+Sqag318SPm+fksvCsESsmL1p5gTbTPn25iiPLsXaPuWAKcuRHnskVWk8IS23EepNcSv2Roa/X28R4WZ8aU1dyx/YGbzpW3P7EXd1MXKPU+8gPN+TrlIpnsdBcXaTxArN/FPX8ElMiOY6ojl1fm4pB6ZTVxZfvZp0U2dcaHrpKY1+Xn1UamEJe4s4qmXkCxvUY45zRGlJ37cDM8/z9T5004ynaX+up6sKLVWDPVWCD9nqups8GRmT5mNg1p96SkmJnYt4Tw+WymrV1erqiVE51c3C/6P2fNMGTI1h3Mw0fl1nMZs7HUW5ieZULY8H842bS9wsf4L4xQxdlKVJ9kAAAAASUVORK5CYII="},"backgroundColor":"transparent","images":{"fallback":{"src":"/static/a48f145fa949a39d816306c94c6831f8/be182/b2c.png","srcSet":"/static/a48f145fa949a39d816306c94c6831f8/be182/b2c.png 150w","sizes":"(min-width: 150px) 150px, 100vw"},"sources":[{"srcSet":"/static/a48f145fa949a39d816306c94c6831f8/5d458/b2c.webp 150w","type":"image/webp","sizes":"(min-width: 150px) 150px, 100vw"}]},"width":150,"height":150}}}}}}]}},"pageContext":{"tag":"mfa"}},"staticQueryHashes":[],"slicesMap":{}}