注销所有设备、NodeJS 和 Angular 6

Question

我正在开发一个应用程序，NodeJs（连同 Express）将是服务器端，它将提供 RESTful 服务，而 Angular 6 将利用 RESTful API。

现在的问题是当用户更改密码时，如何从所有设备上注销用户。

我正在使用 JWT 进行身份验证。

Answer 1

经过长时间的搜索，我找到了一个解决方案，

您应该在用户表中有一个 updated_at 字段，该字段存储用户上次更新他/她的详细信息的时间， 您必须将此字段用作 JWT 的加密字符串，因此当用户更新信息时，之前发布的令牌被视为无效，因此用户将无法执行任何操作，并且他/她必须更新令牌

Answer 2

除非用户自愿选择从所有设备上注销，否则在更改密码时注销用户是不好的做法：-

一旦用户注销，然后清除本地存储并重定向到登录为：-

只需在用户更新密码时更改授权令牌并检查令牌对于每个请求是否仍然有效。如果无效，则给出 401 错误，然后重定向到登录页面。

logout(){
/* clear your localStorage token /*
// redirect to login page 
}

interceptor.ts

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

    @Injectable()
    export class JwtInterceptor implements HttpInterceptor {
        intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
            // 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<any>) => {
      if (event instanceof HttpResponse) {
        // do stuff with response if you want
      }
    }, (err: any) => {
      if (err instanceof HttpErrorResponse) {
        if (err.status === 401) {
          // redirect to the login route
          // or show a modal showing, we are redirecting to you login page.
        }
      }
    });
  }
}

参考链接：-https://medium.com/@ryanchenkie_40935/angular-authentication-using-the-http-client-and-http-interceptors-2f9d1540eb8

http://jasonwatmore.com/post/2018/05/23/angular-6-jwt-authentication-example-tutorial