search

reboottime / Azure-Journey

This repository tracks my azure platform journey systematically.
0 stars 0 forks source link

Azure Active Directory B2C #3

Open reboottime opened 6 months ago

reboottime commented 6 months ago

Overview

reboottime commented 6 months ago

What is Azure Active Directory B2C

Azure Active Directory B2C provides business to customer identity as service.

reboottime commented 6 months ago

General Docs:

Azure Active Directory B2C global identity framework - Azure AD B2C | Microsoft Learn Azure Active Directory B2C custom policy overview | Microsoft Learn Best practices for Azure AD B2C - Azure AD B2C | Microsoft Learn https://learn.microsoft.com/en-us/azure/active-directory-b2c/customize-ui?pivots=b2c-user-flow

Customizing UI: Customize the user interface with HTML templates - Azure AD B2C | Microsoft Learn JavaScript and page layout versions - Azure AD B2C | Microsoft Learn Embed Azure Active Directory B2C user interface into your app with a custom policy - Azure AD B2C | Microsoft Learn

Configuration for React SPA:

https://learn.microsoft.com/en-us/azure/active-directory-b2c/configure-authentication-sample-react-spa-app https://github.com/Azure-Samples/ms-identity-javascript-react-tutorial https://github.com/Azure-Samples/ms-identity-javascript-react-tutorial/tree/main/1-Authentication/2-sign-in-b2c/SPA https://github.com/AzureAD/microsoft-authentication-library-for-js/tree/dev/lib/msal-browser/docs

VERY IMPORTANT:

Azure masl and react has issue on triggering token access automatically when using latest versions of the above two packages.

and the official example using version

{
  "@azure/msal-browser": "3.1.0",
    "@azure/msal-react": "^2.0.3"

}

If you want to make it work, downgrade package versions.