• Index
• Search by APIs
• Search by Words
• Project Search

• Java
• Python
• JavaScript
• TypeScript
• C++
• Scala
• Blog

• angular-10-jwt-refresh-tokens-master
  • tsconfig.spec.json
  • tsconfig.base.json
  • src
    • styles.less
    • polyfills.ts
    • main.ts
    • index.html
    • test.ts
    • app
      • app.component.html
      • home
        • home.component.ts
        • index.ts
        • home.component.html
      • app-routing.module.ts
      • _services
        • index.ts
        • user.service.ts
        • authentication.service.ts
      • app.module.ts
      • _models
        • user.ts
        • index.ts
      • _helpers
        • error.interceptor.ts
        • auth.guard.ts
        • index.ts
        • app.initializer.ts
        • fake-backend.ts
        • jwt.interceptor.ts
      • app.component.ts
      • login
        • index.ts
        • login.component.html
        • login.component.ts
    • environments
      • environment.ts
      • environment.prod.ts
    • assets
      • .gitkeep
  • tslint.json
  • e2e
    • src
      • app.e2e-spec.ts
      • app.po.ts
    • protractor.conf.js
    • tsconfig.json
  • LICENSE
  • .editorconfig
  • .browserslistrc
  • tsconfig.app.json
  • README.md
  • package.json
  • karma.conf.js
  • angular.json
  • tsconfig.json
  • .gitignore

import { Injectable } from '@angular/core';
import { Router } from '@angular/router';
import { HttpClient } from '@angular/common/http';
import { BehaviorSubject, Observable } from 'rxjs';
import { map } from 'rxjs/operators';

import { environment } from '@environments/environment';
import { User } from '@app/_models';

@Injectable({ providedIn: 'root' })
export class AuthenticationService {
    private userSubject: BehaviorSubject<User>;
    public user: Observable<User>;

    constructor(
        private router: Router,
        private http: HttpClient
    ) {
        this.userSubject = new BehaviorSubject<User>(null);
        this.user = this.userSubject.asObservable();
    }

    public get userValue(): User {
        return this.userSubject.value;
    }

    login(username: string, password: string) {
        return this.http.post<any>(`${environment.apiUrl}/users/authenticate`, { username, password }, { withCredentials: true })
            .pipe(map(user => {
                this.userSubject.next(user);
                this.startRefreshTokenTimer();
                return user;
            }));
    }

    logout() {
        this.http.post<any>(`${environment.apiUrl}/users/revoke-token`, {}, { withCredentials: true }).subscribe();
        this.stopRefreshTokenTimer();
        this.userSubject.next(null);
        this.router.navigate(['/login']);
    }

    refreshToken() {
        return this.http.post<any>(`${environment.apiUrl}/users/refresh-token`, {}, { withCredentials: true })
            .pipe(map((user) => {
                this.userSubject.next(user);
                this.startRefreshTokenTimer();
                return user;
            }));
    }

    // helper methods

    private refreshTokenTimeout;

    private startRefreshTokenTimer() {
        // parse json object from base64 encoded jwt token
        const jwtToken = JSON.parse(atob(this.userValue.jwtToken.split('.')[1]));

        // set a timeout to refresh the token a minute before it expires
        const expires = new Date(jwtToken.exp * 1000);
        const timeout = expires.getTime() - Date.now() - (60 * 1000);
        this.refreshTokenTimeout = setTimeout(() => this.refreshToken().subscribe(), timeout);
    }

    private stopRefreshTokenTimer() {
        clearTimeout(this.refreshTokenTimeout);
    }
}