Microsoft Graph 도구 키트 로그인 구성 요소를 사용하여 앱에 로그인
도구 키트에 대한 개요를 살펴보았으므로 이제 도구 키트를 사용하여 Microsoft 365 서비스에서 데이터를 로드하는 방법을 알아보겠습니다. 먼저 사용자가 애플리케이션에 로그인할 수 있는 방법을 제공해야 합니다. 다행히 이 도구 키트는 인증 프로세스를 단순화하여 전체 사용자 환경을 빌드하는 데 집중할 수 있습니다.
애플리케이션에 로그인 구성 요소를 추가하는 목적은 무엇입니까?
가장 시간이 많이 걸리는 측면 중 하나가 처리된다면 앱 개발 프로세스가 얼마나 간단하고 안전할지 상상해 보세요. 도구 키트를 사용하여 간단한 HTML 태그를 추가하여 인증 논리 및 액세스 토큰 검색을 처리합니다.
HTML
<mgt-login></mgt-login>
앱에서 이 구성 요소를 사용할 수 있으며 인증 코드 작성 및 유지 관리를 잊어버릴 수 있습니다.
Microsoft Graph 도구 키트의 공급자는 누구인가요?
공급자는 응용 프로그램에서 인증을 구현하는 방법을 단순화하고 JavaScript 클라이언트 SDK를 사용하여 Microsoft Graph에 대한 호출을 처리합니다. 사용자는 도구 키트 구성 요소를 사용하기 전에 공급자를 초기화합니다. 인증을 처리하기 위해 응용 프로그램에서 자체적으로 공급자를 사용할 수도 있습니다. 도구 키트 구성 요소로 대상으로 하는 플랫폼에 따라 사용할 수 있는 여러 공급자가 있습니다.
- Microsoft 인증 라이브러리(MSAL) v2 공급자: 브라우저에서 인증하는 단일 페이지 애플리케이션에서 사용하는 것이 좋습니다. OAuth2 암시적 흐름보다 더 안전한 것으로 간주되는 PKCE와 함께 OAuth 권한 부여 코드 흐름을 사용합니다.
- SharePoint 공급자: SharePoint 프레임워크에서 사용합니다.
- Microsoft TeamsFx 공급자: Teams 탭으로 실행되는 단일 페이지 애플리케이션에서 사용합니다.
- Electron 공급자: Electron 앱에서 사용합니다.
- 프록시 공급자: 서버에서 인증하는 웹 애플리케이션에서 사용합니다.
- 사용자 지정 공급자: 고유한 인증을 구축할 수 있습니다.
다음 연습에서는 도구 키트의 로그인 구성 요소를 사용하는 방법을 배웁니다. 도구 키트에서 가장 널리 사용되는 공급자인 MSAL 공급자를 사용하면 됩니다.