다음을 통해 공유

웹 API를 호출하는 웹앱: 웹 API 호출

  • 아티클

이제 토큰이 있으므로 보호된 웹 API를 호출할 수 있습니다. 일반적으로 웹앱의 컨트롤러나 페이지에서 다운스트림 API를 호출합니다.

보호된 웹 API 호출

보호된 웹 API를 호출하는 과정은 선택한 언어 및 프레임워크에 따라 다릅니다.

Microsoft.Identity.Web을 사용하는 경우 API를 호출하기 위한 세 가지 사용 옵션이 있습니다.

옵션 1: SDK를 사용하여 Microsoft Graph 호출

이 시나리오에서는 코드 구성에 지정된 대로 .AddMicrosoftGraph()을(를) Startup.cs에 포함하고 Microsoft.Identity.Web.GraphServiceClient NuGet 패키지를 추가하여 Microsoft Graph를 호출합니다. 그런 다음 컨트롤러 또는 페이지 생성자에 GraphServiceClient를 직접 삽입하여 작업에서 사용할 수 있습니다. 다음 Razor 페이지 예에서는 로그인한 사용자의 사진이 표시됩니다.

[Authorize]
[AuthorizeForScopes(Scopes = new[] { "user.read" })]
public class IndexModel : PageModel
{
 private readonly GraphServiceClient _graphServiceClient;

 public IndexModel(GraphServiceClient graphServiceClient)
 {
    _graphServiceClient = graphServiceClient;
 }

 public async Task OnGet()
 {
  var user = await _graphServiceClient.Me.GetAsync();
  try
  {
   using (var photoStream = await _graphServiceClient.Me.Photo.Content.GetAsync())
   {
    byte[] photoByte = ((MemoryStream)photoStream).ToArray();
    ViewData["photo"] = Convert.ToBase64String(photoByte);
   }
   ViewData["name"] = user.DisplayName;
  }
  catch (Exception)
  {
   ViewData["photo"] = null;
  }
 }
}

전체 샘플을 보려면 Microsoft Graph를 호출하는 ASP.NET Core 웹앱을 참조하세요.

옵션 2: helper 클래스를 사용하여 다운스트림 웹 API 호출

Microsoft Graph가 아닌 웹 API를 호출하려고 합니다. 이 경우에는 코드 구성에 지정된 대로 Startup.cs에 AddDownstreamApi를 추가했으며 컨트롤러 또는 페이지 생성자에 IDownstreamApi 서비스를 직접 삽입하고 작업에 사용할 수 있습니다.

[Authorize]
[AuthorizeForScopes(ScopeKeySection = "TodoList:Scopes")]
public class TodoListController : Controller
{
  private IDownstreamApi _downstreamApi;
  private const string ServiceName = "TodoList";

  public TodoListController(IDownstreamApi downstreamApi)
  {
    _downstreamApi = downstreamApi;
  }

  public async Task<ActionResult> Details(int id)
  {
    var value = await _downstreamApi.CallApiForUserAsync(
      ServiceName,
      options =>
      {
        options.RelativePath = $"me";
      });
      return View(value);
  }
}

CallWebApiForUserAsync에는 직접 개체를 받을 수 있도록 하는 강력한 형식의 일반적인 재정의가 있습니다. 예를 들어 다음 메서드는 웹 API에서 반환된 JSON의 강력한 형식의 표현인 Todo 인스턴스를 수신합니다.

    // GET: TodoList/Details/5
    public async Task<ActionResult> Details(int id)
    {
        var value = await _downstreamApi.CallApiForUserAsync<object, Todo>(
            ServiceName,
            null,
            options =>
            {
                options.HttpMethod = HttpMethod.Get;
                options.RelativePath = $"api/todolist/{id}";
            });
        return View(value);
    }

전체 샘플을 보려면 API를 호출하는 ASP.NET Core 웹앱을 참조하세요.

옵션 3: 도우미 클래스 없이 다운스트림 웹 API 호출

IAuthorizationHeaderProvider 서비스를 사용하여 토큰을 수동으로 획득하기로 결정했으므로 이제 토큰을 사용해야 합니다. 이 경우, 다음 코드는 계속해서 웹 API를 호출하는 웹앱: 앱에 대한 토큰 획득에 표시된 코드 예입니다. 이 코드는 웹앱 컨트롤러의 작업에서 호출됩니다.

토큰을 획득한 후에는 전달자 토큰으로 사용하여 다운스트림 API를 호출합니다. 이 경우에는 Microsoft Graph입니다.

public async Task<IActionResult> Profile()
{
  // Acquire the access token.
  string[] scopes = new string[]{"user.read"};
  string authorizationHeader = await IAuthorizationHeaderProvider.GetAuthorizationHeaderForUserAsync(scopes);

  // Use the access token to call a protected web API.
  HttpClient httpClient = new HttpClient();
  client.DefaultRequestHeaders.Add("Authorization", authorizationHeader);

  var response = await httpClient.GetAsync($"{webOptions.GraphApiUrl}/beta/me");

  if (response.StatusCode == HttpStatusCode.OK)
  {
    var content = await response.Content.ReadAsStringAsync();

    dynamic me = JsonConvert.DeserializeObject(content);
    ViewData["Me"] = me;
  }

  return View();
}

참고 항목

동일한 원칙을 사용하여 웹 API를 호출할 수 있습니다.

대부분의 Azure 웹 API는 Microsoft Graph의 경우처럼 API 호출을 간소화하는 SDK를 제공합니다.

다음 단계

  • 여러 파트로 구성된 다음 자습서 시리즈에서 사용자를 로그인하는 ASP.NET Core 웹앱을 빌드하여 자세히 알아보세요.

  • Microsoft ID 플랫폼 웹앱 샘플 살펴보기