Blazor
-
Azure App Service에 게시한 Blazor 인증 오류 해결Blazor 2022. 12. 27. 17:06
Azure App Service에 게시한 Blazor 인증 오류 해결 Blazor로 제작한 웹 앱을 클라우드 서비스에 업로드 하면 인증 등에서 오류가 나는 경우가 있다(Azure AD 사용) 이를 해결하는 방법에 대해 알아본다. Azure App Service에서 인증 오류 해결 앱 서비스에 게시한 Blazor 앱으로 로그인을 시동할 시 아래 이미지와 같은 오류만 나오게 된다. There was an error trying to log you in: 'Cannot read property' 'toLowerCase' of undefined 다음과 같은 코드를 클라이언트 프로젝트 파일에 추가한다. (만약 Microsoft.Authentication.WebAssembly.Msal 패키지가 설치되어 있지 않다면..
-
Blazor Wasm 에서 Dataverse API 연결 - 2Blazor 2022. 12. 22. 13:14
Blazor Wasm 에서 Dataverse API 연결 - 2 블레이저 웹 어셈블리에서 Dataverse를 서버로서 사용하는 방법에 대해 알아본다. Dataverse API를 사용하고 Azure AD를 통해 인증을 실행한다. Blazor Wasm 에서 Dataverse API 연결에서 이어진다. Dataverse API 인증 세팅 Power Apps(https://make.powerapps.com/) 에 접속한다. Dataverse를 접속하려는 환경으로 변경한다. 우상단의 톱니바퀴 아이콘 -> 개발자 리소스 -> 웹 API 엔드포인트를 복사한다. 클라이언트 프로젝트의 'wwwroot/appsettings.json' 파일을 연다. 그 후 CDSWebAPI Key 값으로 하는 항목들을 추가한다. 아래를 참..
-
Blazor Wasm 에서 Dataverse API 연결Blazor 2022. 12. 13. 14:41
Blazor Wasm 에서 Dataverse API 연결 블레이저 웹 어셈블리에서 Dataverse를 서버로서 사용하는 방법에 대해 알아본다. Dataverse API를 사용하고 Azure AD를 통해 인증을 실행한다. Azure AD에서 앱 등록 만들기 Power Platform 관리센터 에서 Azure Active Directory 를 클릭해 접속한다. 앱 등록 메뉴로 들어와 + 새 등록을 클릭 '애플리케이션 이름' 항목에서 해당 앱을 등록할 이름을 입력한다. '지원되는 계정 유형' 항목에서 엑세스 가능한 영역을 선택한다. 리디렉션 URI는 Web을 선택 후 적당한 URL을 입력한다. 등록 클릭 'API 사용 권한' 메뉴로 들어와 + 권한 추가 클릭 '..
-
블레이저 웹 어셈블리에서 AAD B2C 설정 - 3Blazor 2022. 11. 30. 13:37
블레이저 웹 어셈블리에서 AAD B2C 설정 - 3 블레이저 웹 어셈블리에서 AAD B2C 설정 - 2 에서 이어진다. Blazor 클라이언트 프로젝트 설정 변경 Visual Studio로 생성했었던 Blazor 솔루션을 연다. 그 후 클라이언트 프로젝트의 세팅값을 설정해야한다. 클라이언트 프로젝트의 wwwroot/appsettings.json 파일을 연다. 클라이언트 세팅값을 각각 복사한다. Azure AD B2C 테넌트에서 도메인명을 복사한다. 클라이언트 앱을 열어 애플리케이션(클라이언트 ID)를 복사한다. API 사용 권한의 API/권한이름을 복사한다. 사용자 흐름 등록 및 로그인의 이름을 복사한다. appsettings.json에 다음과 같은 형식으로 입력한다.(기본값으로 빠진 부분만 입력하자) ..
-
블레이저 웹 어셈블리에서 AAD B2C 설정 - 2Blazor 2022. 11. 25. 16:53
블레이저 웹 어셈블리에서 AAD B2C 설정 - 2 블레이저 웹 어셈블리에서 AAD B2C 설정 - 1 에서 이어진다. Balzor Web Assembly 프로젝트 생성 Visual Studio를 켜서(Visual Studio 2022 기준) '새 프로젝트 만들기' 화면에서 Blazor WebAssembly앱을 선택 후 '다음' '인증 유형'을 Microsoft ID 플랫폼을 선택한다. 이후 ASP.NET Core 호스팅을 체크한다.(해당 체크를 하면 클라이언트와 통신 인증이 미리 정의된 Server를 담당할 .NET 프로젝트가 생성된다. 만약 별도의 서버(Django 등)를 사용하려면 그것에 맞는 인증방법에 대해 알아봐야 할 것이다.) 필수 구성요소를 확인 후 '다음'을 클릭 우선 이전 문서에서 테넌트..
-
블레이저 웹 어셈블리에서 AAD B2C 설정 - 1Blazor 2022. 11. 24. 16:49
블레이저 웹 어셈블리에서 AAD B2C 설정 - 1 Azure Active Directory B2C는 주로 사용자의 소셜 ID나 이메일 또는 로컬 계정을 이용해 비지니스 고객 ID로 사용하며 인증할 수 있도록 하는 서비스이다. 자세한건 공식문서에서 확인하는 것이 좋다. 해당 서비스를 사용하기 위해서는 Azure 계정과 디렉터리를 생성할 수 있는 권한이 있어야한다. 이번에는 Azure Web Assembly에서 로그인할 수 있도록 생성해 본다. Azure Active Directory B2C 테넌트 생성 고객을 관리하기 위한 별도 테넌트를 생성해 관리하게 된다. 우선 테넌트를 생성하는 방법에 대해 알아본다. Azure 포탈에 들어가 리소스 생성 -> Azure Active Directory B2C '만들기..