Google Flutter를 통한 간편한 인증 기능을 갖춘 Azure AD B2C

Google Flutter를 통한 간편한 인증 기능을 갖춘 Azure AD B2C

나는 구글 플러터를 사용하고 있으며 모바일 개발을 위해 프론트 엔드가 있고 애저 앱 서비스를 백엔드로 사용하고 있다.

애저 앱 서비스의 일부인 이지 인증을 사용하여 애저 AD B2C에 전화할 수 있도록 로그인 및 인증을 처리하려면 어떻게 해야 합니까. 플러터를 위한 SDK를 본 적이 없다. 플러터는 자바스크립트를 사용하지 않기 때문에 다른 애저 예제에서 본 것처럼 자바스크립트를 사용하여 호출할 수 없다.

무슨 생각 있어요? 애저는 매우 인기가 있기 때문에 많은 다른 사람들이 이와 같은 문제에 직면할 것이라고 생각합니다. 나는 구글 파이어스토어를 사용하고 싶지만 HIPAA를 준수하지 않기 때문에 사용할 수 없습니다.

---

네이티브 앱 구현이므로 ROPC(리소스 소유자 암호 자격 증명) 흐름을 사용하여 REST API용 AAD B2C용 토큰을 얻을 수 있습니다. 다음과 같이 정책을 생성합니다:

그런 다음 애플리케이션이 REST API를 호출하여 토큰을 가져오도록 합니다:

앱 서비스는 B2C를 인증 공급자로 설정해야 합니다. 인증 사용. 인증 공급자 목록에서 "Azure Active Directory"를 선택하면 새 구성 블레이드가 열리고 "Advanced"를 선택한 후 클라이언트 ID 및 Issuer Uri를 포함한 필수 필드가 열립니다. 클라이언트 비밀 및 허용된 토큰 수신자는 선택사항 필드입니다. B2C에서 응용프로그램 클라이언트 ID 및 발급자 URI 값을 수집하려면 다음 단계로 이동합니다.

새 B2C 응용 프로그램을 만듭니다. Azure Portal(선택적으로 별도의 브라우저 탭 또는 새 브라우저 세션을 열고 이전 블레이드를 열어/사용 가능한 상태로 유지)에서 B2C Tenant Blade로 이동한 후 Applications(애플리케이션)를 선택한 다음 +Add(추가)를 선택하여 새 애플리케이션을 생성할 수 있습니다. 새 응용 프로그램 블레이드에서 앱에 친근한 이름, 웹 앱/웹 API 선택 옵션, 응답 URL 섹션에서 2단계에서 만든 전체 Azure 웹 사이트 이름을 입력하고 /.auth/login/aad/callback을 추가합니다. 예:

[작성]을 선택합니다.

B2C 응용 프로그램 ID를 수집합니다. 응용프로그램을 성공적으로 만든 후 B2C 관리 포털 응용프로그램 블레이드로 돌아가서 새로 만든 응용프로그램을 찾은 후 프로파일을 열어 응용프로그램 ID(이 B2C 응용프로그램 ID 복사)를 수집합니다. 이는 Azure 함수 구성을 완료하는 데 사용됩니다.

B2C 오픈 수집ID 연결 메타데이터 URL 끝점입니다. 최상위 Azure AD B2C 블레이드로 이동하여 사용자 이동 경로를 선택하고 로그인 정책(또는 생성한 다른 정책)을 선택한 후 "사용자 흐름 실행" 버튼을 선택합니다. 블레이드가 열리면 Openid 메타데이터 엔드포인트 복사

앱 서비스의 인증 블레이드로 돌아갑니다. Azure Active Directory Settings - 클라이언트 ID 속성에 B2C 응용 프로그램 ID를 입력합니다. 마찬가지로 B2C Open ID Connect 메타데이터 URL을 Issuer URI 속성에 입력합니다. 확인을 선택하여 구성을 완료합니다.

---

AdB2C 인증을 위해 플러터 패키지를 사용해 보십시오. 안드로이드, iOS 및 웹 플랫폼을 지원합니다.

링크: