Azure App Service에 게시한 Blazor 인증 오류 해결

Azure App Service에 게시한 Blazor 인증 오류 해결

Blazor로 제작한 웹 앱을 클라우드 서비스에 업로드 하면 인증 등에서 오류가 나는 경우가 있다(Azure AD 사용) 이를 해결하는 방법에 대해 알아본다.

Azure App Service에서 인증 오류 해결

1. 앱 서비스에 게시한 Blazor 앱으로 로그인을 시동할 시 아래 이미지와 같은 오류만 나오게 된다. There was an error trying to log you in: 'Cannot read property' 'toLowerCase' of undefined
   
   
   
2. 다음과 같은 코드를 클라이언트 프로젝트 파일에 추가한다. (만약 Microsoft.Authentication.WebAssembly.Msal 패키지가 설치되어 있지 않다면 Nuget을 통해 설치한다. 그후 추가)

<ItemGroup>
    <TrimmerRootAssembly Include="Microsoft.Authentication.WebAssembly.Msal" />
</ItemGroup>

3. App Service의 URL을 복사한 후 Azure AD에 등록한 앱 등록 -> 인증에서 '리디렉션 URL'을 {App Service URL}/authentication/login-callback 형식으로 추가한다.
   
   
   
4. 이후 로그인 되는 것을 확인한다.