okta和angular 8身份验证

如何解决okta和angular 8身份验证

我已经为angular 7应用实现了okta身份验证。流程如下：

1. 用户登陆页面点击登录按钮
2. 用户被重定向到okta登录
3. 在okta中，我们有一个标志来检查用户是否是新用户，称为“ newUser”
4. 登录后，okta必须检查标志值，如果为true，则转到仪表板页面；如果为false，则进入表单页面。

okta如何处理此重定向？

解决方法

您可以创建自己的回调组件并将您的回调路由映射到该组件，而不是Okta。默认的回调组件是here。其中的代码是：

import { Component,OnInit } from '@angular/core';

import { OktaAuthService } from '../services/okta.service';

@Component({
  template: `<div>{{error}}</div>`
})
export class OktaCallbackComponent implements OnInit {
  error: string;

  constructor(private okta: OktaAuthService) {}

  async ngOnInit() {
    /**
     * Handles the response from Okta and parses tokens.
     */
    return this.okta.handleAuthentication()
      .then(() => {
        /**
         * Navigate back to the saved uri,or root of application.
         */
        const fromUri = this.okta.getFromUri();
        // add custom logic here
        window.location.replace(fromUri);
      })
      .catch(e => {
        this.error = e.toString();
      });
  }
}