我想在angular 7+http调用中从Microsoft graph调用令牌API

Question

是否有其他方法调用图形API为令牌和用户get登录用户组？

Answer 1

由于CORS，不允许直接从信号页应用程序调用https://login.Microsoftonline.com/ /oauth2/v2.0/token 。您应该使用MSAL for angular来完成此操作。我的代码是基于这个棱角分明的官方演示。

请转到src/app/app.module.ts配置Azure广告：

先运行这个演示。

成功运行此演示后，转到profile.component.ts，添加以下代码：

  getAccessTokenAndCallGraphAPI(){

    this.authService.acquireTokenPopup({
      scopes: ['GroupMember.Read.All']
    }).then(result=>{
      console.log("access token: "+ result.accessToken)

      const httpOptions = {
        headers: new HttpHeaders({
          'Content-Type':  'application/json',
          Authorization: 'Bearer '+result.accessToken
        })}

      const reqBody = {
        "securityEnabledOnly": true
      }
      this.http.post("https://graph.microsoft.com/v1.0/users/<user you want to query>/getMemberGroups",reqBody,httpOptions).toPromise().then(result=>{console.log(result)});
    })
  }

在初始化页面时调用此函数：

ngOnInit() {
    this.getProfile();
    this.getAccessTokenAndCallGraphAPI();
  }

结果：