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 11 months ago

reboottime commented 11 months ago

Overview

reboottime commented 11 months ago

What is Azure Active Directory B2C

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

reboottime commented 11 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.