将单个token解析为angular中的多个服务

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class AuthService {
  private tokenKey = 'auth_token';

  getToken(): string | null {
    return localStorage.getItem(this.tokenKey);
  }

  setToken(token: string): void {
    localStorage.setItem(this.tokenKey, token);
  }

  removeToken(): void {
    localStorage.removeItem(this.tokenKey);
  }

  // 其他Token相关的操作...
}

import { Injectable } from '@angular/core';
import { AuthService } from './auth.service';

@Injectable({
  providedIn: 'root'
})
export class AuthorizationService {
  constructor(private authService: AuthService) {}

  hasPermission(permission: string): boolean {
    const token = this.authService.getToken();
    if (token) {
      // 解析Token并检查权限
      const payload = this.parseToken(token);
      return payload.permissions.includes(permission);
    }
    return false;
  }

  private parseToken(token: string): any {
    const base64Url = token.split('.')[1];
    const base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
    const jsonPayload = decodeURIComponent(atob(base64).split('').map(function(c) {
      return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
    }).join(''));

    return JSON.parse(jsonPayload);
  }
}

import { Component } from '@angular/core';
import { AuthService } from './auth.service';
import { AuthorizationService } from './authorization.service';

@Component({
  selector: 'app-root',
  template: `
    <div *ngIf="authService.isLoggedIn()">
      <h1>Welcome, {{ userInfo?.name }}!</h1>
      <button *ngIf="authorizationService.hasPermission('admin')">Admin Panel</button>
    </div>
    <button *ngIf="!authService.isLoggedIn()" (click)="login()">Login</button>
  `
})
export class AppComponent {
  userInfo: any;

  constructor(private authService: AuthService, private authorizationService: AuthorizationService) {
    this.userInfo = this.authService.getUserInfo();
  }

  login(): void {
    // 模拟登录过程
    const token = 'your-jwt-token';
    this.authService.setToken(token);
    this.userInfo = this.authService.getUserInfo();
  }
}