단일 페이지 애플리케이션: web API 호출

웹 API를 호출하기 전에 acquireTokenSilent 메서드를 호출하여 액세스 토큰을 얻거나 갱신하는 것이 좋습니다. 토큰이 있으면 보호된 웹 API를 호출할 수 있습니다.

웹 API 호출

JavaScript

Microsoft Graph API와 같은 웹 API를 호출하는 HTTP 요청에서 전달자로 획득된 액세스 토큰을 사용합니다. 예시:

    var headers = new Headers();
    var bearer = "Bearer " + access_token;
    headers.append("Authorization", bearer);
    var options = {
         method: "GET",
         headers: headers
    };
    var graphEndpoint = "https://graph.microsoft.com/v1.0/me";

    fetch(graphEndpoint, options)
        .then(function (response) {
             //do something with response
        })

Angular

MSAL 각도 래퍼는 HTTP 인터셉터를 활용하여 자동으로 액세스 토큰을 획득하고 API에 대한 HTTP 요청에 연결합니다. 자세한 내용은 API를 호출하기 위한 토큰 가져오기를 참조하세요.

다음 단계

• 여러 부분으로 구성된 다음 자습서 시리즈에서 사용자를 로그인시키는 React SPA(단일 페이지 애플리케이션)를 빌드하여 자세히 알아봅니다.

• Microsoft ID 플랫폼 단일 페이지 애플리케이션 코드 샘플 살펴보기