AcquireToken在adal-angular4中再次重定向到登录页面

Question

我一直在登录页面中使用 handleWindowCallback（）方法，因为当我登录登录页面时，它会检查身份验证并重定向到仪表板页面。它工作正常，没有任何缺陷。

但是，当我再次尝试使用acquireToken检索数据时，应用程序将重定向到登录页面，这仅是第一次发生。这导致内容渲染的延迟。

LoginComponent.ts

ngOnInit() {
    this.webService.handleWindowCallback();
    console.log(this.webService.authenticate);
    if (this.webService.authenticate) {
      console.log('Redirecting to dashboard');
      this.router.navigate(['/', 'dashboard']);
    }
    console.log('login loaded');
  }

dashboardComponent.ts

ngOnInit() {
    this.showLoader = true;
    this.webService.getUser();
    this.getdata();
    console.log('content loaded');
  }

getdata() {
    const listname = 'Tenets';
    const queryParams = '?$filter=Title eq \'Dashboard\'&$select=Title,Description,Small_x0020_Text,Large_x0020_Text';
    this.webService.getdata(listname, queryParams).subscribe(data => {
      // debugger;
      console.log(data);
      console.log('content loading');
      Object.keys(data['value']).forEach(ele => {
        this.dashboardItems.push({
          'link': data['value'][ele]['Description'],
          'smallText': data['value'][ele]['Small_x0020_Text'],
          'largeText': data['value'][ele]['Large_x0020_Text']
        });
      });
    });
  }

Webservice.ts

getdata(listname, queryParams): Observable<any> {
    const url = environment.config.spUrl + environment.config.spSiteCollection
      + '_api/web/lists/getByTitle(\'' + listname + '\')/items' + queryParams;
    return this.adalService.acquireToken(environment.config.spUrl).flatMap(
      token => {
        const headersParam = new HttpHeaders({
          'Content-Type': 'application/json;odata=verbose',
          'Authorization': 'Bearer ' + token.toString()
        });
        return this.http.get(url, { headers: headersParam });
      });
  }

我需要在ngOnInit（）getdata（）期间检索数据，该数据应该加载一次，它将呈现内容而无需再次重定向到loginComponent。

请帮助解决此问题。已经吃了我两天了。

Answer 1

此问题有一些已知的解决方法。您可以通过从adal.config.redurectURI填充loginStartPage来将用户重定向回重定向URI，而不是loginStartPage。

您还可以处理回调组件中的导航，以设置ADAL的令牌和用户信息。

handleCallback(hash: string) {
    if (!this.context.isCallback(hash))
        return;

    var requestInfo = this.context.getRequestInfo(hash);
    if (requestInfo.valid)
        this.context.saveTokenFromHash(requestInfo); //Save the token and user information.  
}

可以使用回调组件中的context.getCachedUser（）函数检索用户，然后导航到所需页面。

回调代码：

  this.adalService.handleCallback(window.location.hash);
if (this.adalService.userInfo)
    this.router.navigate(['dashboard']); //Navigate to user dashboard
else
    this.router.navigate(['']); //Navigate to home page.

请参阅this similar thread，看看它是否有助于解决您的问题。