如何在JHipster Angular5的TypeScript文件中基于用户角色判断条件

嘿，已经把HTML里的hasAnyAuthority用得溜熟啦？那在TypeScript里实现角色相关的跳转逻辑其实也很顺手，JHipster已经给我们封装好了现成的工具，不用自己造轮子~

下面给你一步步拆解实现方式：

1. 注入JHipster的权限服务 #

首先，在你的组件或者服务里，注入JHipster提供的JhiAuthorizationService（用来做权限判断）和Angular的Router（用来跳转页面）。如果需要监听用户登录状态，还可以注入AccountService：

import { Component, OnInit } from '@angular/core';
import { JhiAuthorizationService } from 'app/core/auth/authorization.service';
import { AccountService } from 'app/core/auth/account.service';
import { Router } from '@angular/router';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html'
})
export class YourComponent implements OnInit {
  constructor(
    private authorizationService: JhiAuthorizationService,
    private accountService: AccountService,
    private router: Router
  ) {}

  // 后续逻辑写在这里
}

2. 实现角色判断与跳转逻辑 #

你可以写一个专门的方法来处理角色判断和跳转，比如：

private checkRoleAndRedirect(): void {
  // 判断用户是否拥有farmer角色
  if (this.authorizationService.hasAnyAuthority(['ROLE_FARMER'])) {
    this.router.navigate(['/farmer-profile']); // 跳转到农户档案页
  } 
  // 判断是否拥有admin角色
  else if (this.authorizationService.hasAnyAuthority(['ROLE_ADMIN'])) {
    this.router.navigate(['/dashboard']); // 跳转到仪表盘
  } 
  // 默认跳转（可选，比如首页）
  else {
    this.router.navigate(['/']);
  }
}

这里的hasAnyAuthority方法和HTML里的指令逻辑完全一致，接受一个角色数组，只要用户拥有其中任意一个角色就会返回true。如果需要精确判断单个角色，也可以用hasAuthority('ROLE_FARMER')这种写法。

3. 触发跳转的时机 #

如果想在用户登录完成后自动执行跳转，可以在组件初始化时，订阅AccountService的登录状态流：

ngOnInit(): void {
  // 监听用户登录状态，当用户登录后触发跳转
  this.accountService.getAuthenticationState().subscribe(account => {
    if (account) { // account存在说明用户已登录
      this.checkRoleAndRedirect();
    }
  });
}

当然，你也可以在其他时机触发这个方法，比如点击某个按钮时：

onButtonClick(): void {
  this.checkRoleAndRedirect();
}

额外小技巧：直接从用户账号对象判断 #

如果你想直接操作用户的权限列表，也可以从account对象里获取authorities数组来判断，比如：

this.accountService.getAuthenticationState().subscribe(account => {
  if (account?.authorities.includes('ROLE_FARMER')) {
    this.router.navigate(['/farmer-profile']);
  }
});

不过更推荐用JhiAuthorizationService，因为它已经封装了权限判断的逻辑，和HTML指令保持一致，代码风格更统一。

最后别忘了，JHipster里的角色都是以ROLE_为前缀的，所以判断的时候一定要写全，比如ROLE_FARMER而不是farmer哦~

内容的提问来源于stack exchange，提问作者Balvinder Singh