首页 > 解决方案 > 如何以角度重定向到身份服务器登录?

问题描述

当用户访问应用程序时,我希望立即被重定向到身份服务器。使用当前设置,我有一个登录按钮,单击后将用户重定向到 ID 服务器,但我想删除此按钮,以便在打开应用程序时发生。

这是我的 app.component.ts 文件

import { OidcSecurityService } from 'angular-auth-oidc-client';

export class AppComponent implements OnInit {

  constructor(private ref: ChangeDetectorRef, public oidcSecurityService: OidcSecurityService) {
  }
  
  ngOnInit() {

    this.oidcSecurityService
    .checkAuth()
    .subscribe((auth) => console.log('is authenticated', auth));
    
  login() {
    this.oidcSecurityService.authorize();
  }
}

以及对应的html

<div>
    <button (click)="login()">Login</button>
</div>

标签: angularidentityserver4

解决方案


从路由器导入 {Router}。在 toyr 构造函数上设置它 router: Router,然后

this.oidcSecurityService.checkAuth().subscribe((auth) => router.navigateByUrl('Your URL'); 

推荐阅读