Angular 5-Microsoft Graph-为OneNote请求资源时出错401

Question

我从Microsoft graph请求资源时遇到问题（对于OneNote API）。我不确定我是否正确获取访问令牌。我对Angular 5前端应用程序使用隐式流。

根据https://docs.microsoft.com/en-us/azure/active-directory/develop/active-directory-v2-protocols-implicited获取带有url的令牌：

window.location.href = 'https://login.microsoftonline.com/common/oauth2/v2.0/authorize?'
      + 'client_id=' + CLIENT_ID
      + '&response_type=token'
      + '&redirect_uri=' + REDIRECT_URI
      + '&scope=' + SCOPE
      + '&response_mode=fragment';

我正在使用范围'Notes.ReadWrite.All'也根据文档，它似乎工作得很好，因为我在登录后得到了令牌。

这是我尝试请求笔记本的方式：

const headers = new HttpHeaders({
      'Content-type': 'application/json; ' + 'charset=utf-8',
      'Authorization': 'Bearer ' + ACCESS_TOKEN,
    });
    this.http.get('https://graph.microsoft.com/v2.0/me/onenote/notebooks', {headers: headers}).subscribe(
      data => console.log(data),
      err => console.log(err)
    );

但我总是以错误告终：

status: 401, 
statusText: "Unauthorized"
code: "InvalidAuthenticationToken", 
message: "CompactToken parsing failed with error code: 80049403"

感觉解析令牌有麻烦，或者令牌根本不正确。提前感谢您的帮助。

Answer 1

传统上，我使用2个调用来完成此操作。第一个电话

https://login.microsoftonline.com/common/oauth2/v2.0/authorize

返回随后可用于进一步请求访问令牌的代码。

因此，在此初始授权之后，我使用以下endpoint请求访问令牌：

https://login.microsoftonline.com/common/oauth2/v2.0/token

同时提供授权后收到的原始代码以及该请求。作为对此的响应，您将收到实际的访问令牌（以及令牌过期后使用的刷新令牌）。您可以进一步将其用于实际数据请求（有效期为60分钟）。

更多详细信息请参见：Microsoft Graph-代表用户获取访问权限