Angular中如何在JWT过期时及时收到通知,以及如何在用户认证状态变为false时收到通知?
创始人
2024-10-31 16:00:51
0

在Angular中,您可以使用JWT拦截器来检查JWT令牌是否过期,并在过期时发送通知。您还可以使用Angular的订阅机制来监视用户身份验证状态的更改,并在状态更改时发送通知。

下面是一个示例,演示如何使用JWT拦截器和订阅机制来实现此目的:

首先,创建一个JWT拦截器,用于检查JWT令牌是否过期:

import { Injectable } from '@angular/core'; import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http'; import { Observable } from 'rxjs/Observable'; import 'rxjs/add/operator/do';

@Injectable() export class JwtInterceptor implements HttpInterceptor { intercept(request: HttpRequest, next: HttpHandler): Observable> { // add authorization header with jwt token if available let currentUser = JSON.parse(localStorage.getItem('currentUser')); if (currentUser && currentUser.token) { request = request.clone({ setHeaders: { Authorization: Bearer ${currentUser.token} } }); }

return next.handle(request).do((event: HttpEvent) => {}, (err: any) => {
   if (err.status === 401) {
        // JWT token has expired - notify subscribers
        AuthenticationService.isAuthenticated.next(false);
   }
});

} }

在上述拦截器中,我们使用do操作符来订阅HTTP请求。如果服务器返回401未授权错误,则推送false给认证状态的主题。

接下来,您可以创建一个名为“AuthenticationService”的共享服务。它将作为用于控制身份验证状态的中介,并将持有可观察对象,以供组件订阅认证状态的变化:

import { Injectable } from '@angular/core'; import { BehaviorSubject } from 'rxjs/BehaviorSubject'; @Injectable() export class AuthenticationService { public static isAuthenticated: BehaviorSubject = new BehaviorSubject(false); }

在您的组件中,您可以订阅AuthenticationService中的isAuthenticated主题,以便在用户身份验证状态更改时得到通知:

import { Component, OnInit } from '@angular/core'; import { AuthenticationService } from './authentication.service';

@Component({ selector: 'app-main', templateUrl: './main.component.html', styleUrls: ['./main.component.css'] }) export class MainComponent implements OnInit { isAuthenticated: boolean; constructor

相关内容

热门资讯

此事引发广泛关注!多乐跑得私人... 此事引发广泛关注!多乐跑得私人房间插件,本来存在有辅助安装(有挂技巧)-哔哩哔哩多乐跑得私人房间插件...
刚刚!都莱软件安装辅助,其实是... 刚刚!都莱软件安装辅助,其实是真的辅助平台(有挂方法)-哔哩哔哩1、完成都莱软件安装辅助辅助器v3....
经核实!全民比鸡辅助透视工具,... 经核实!全民比鸡辅助透视工具,确实有挂辅助工具(有挂规律)-哔哩哔哩1、全民比鸡辅助透视工具免费辅助...
经调查!新518互游脚本下载,... 经调查!新518互游脚本下载,好像是真的辅助插件(确实有挂)-哔哩哔哩所有人都在同一条线上,像星星一...
围绕透视问题!微玩盒子网页游戏... 围绕透视问题!微玩盒子网页游戏辅助,原来真的有辅助工具(有挂规律)-哔哩哔哩1、完成微玩盒子网页游戏...
有了最新消息!荆州圣盛游戏辅助... 有了最新消息!荆州圣盛游戏辅助,总是真的有辅助工具(真是有挂)-哔哩哔哩暗藏猫腻,小编详细说明荆州圣...
最新消息!微乐小程序辅助开挂,... 最新消息!微乐小程序辅助开挂,一直真的是有辅助安装(有挂神器)-哔哩哔哩1、微乐小程序辅助开挂辅助软...
目前!开心赢三张自建房有挂吗,... 目前!开心赢三张自建房有挂吗,总是是有辅助器(真的有挂)-哔哩哔哩1、开心赢三张自建房有挂吗脚本辅助...
在玩家背景下!爱玩修改器,一直... 在玩家背景下!爱玩修改器,一直是真的辅助app(存在有挂)-哔哩哔哩爱玩修改器辅助器是一种具有地方特...
据玩家消息!青橙竞技卡五星辅助... 据玩家消息!青橙竞技卡五星辅助,原来真的有辅助平台(有挂功能)-哔哩哔哩亲,关键说明,青橙竞技卡五星...