여러 인스턴스/공급자(Azure AD 및 Azure B2C)와 함께 msal-react 사용

Question

사용자 등록/로그인에 Azure B2C를 사용하는 React 앱(msal-react 사용)이 있습니다. 이제 Azure AD를 사용하여 내부 사용자에 대한 로그인도 추가해야 하지만 동일한 애플리케이션에 여러 msal 인스턴스를 추가할 방법이 없습니다. 저는 정상적인 설정을 가지고 있습니다:

으아악

하지만 AzureAD에 다른 공급자를 추가하는 방법을 모르겠습니다. 외부 로그인과 내부 로그인을 더 크게 분리해야 하므로 AzureAD를 B2C에 페더레이션하는 것은 옵션이 아닙니다.

이 작업이 msal-react를 통해 달성될 수 있는지 아니면 msal.js를 사용하여 직접 수행해야 하는지 아는 사람이 있나요?

Answer 1

저는 똑같은 상황에 직면했고 두 개의 별도 인스턴스와 두 개의 별도 공급자(각각 보호된 구성 요소를 래핑)를 사용하여 귀하가 설명하는 것보다 한 단계 더 발전했다고 생각합니다.

React Router 6을 사용하여 경로 만들기:

으아아아

그러나 msal-react 라이브러리는 세션 캐시에 데이터를 저장하기 때문에 이 두 인스턴스의 컨텍스트를 혼합하는 것 같습니다. 로그인을 별도로 유지하는 방법을 찾지 못했습니다. 원래 문제에 대한 좋은 해결책을 찾을 수 있습니까?