Skip to main content
Formatação
Fonte Link
Leonardo Lima
  • 3,6mil
  • 11
  • 17

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

@Injectable() export class TokenInterceptor implements HttpInterceptor {

intercept(request: HttpRequest, newRequest: HttpHandler): Observable<HttpEvent> { // add authorization header to request

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

@Injectable()
export class TokenInterceptor implements HttpInterceptor {

    intercept(request: HttpRequest<any>, newRequest: HttpHandler): Observable<HttpEvent<any>> {
        // add authorization header to request

        //Get Token data from local storage
        let tokenInfo = JSON.parse(localStorage.getItem('TokenInfo'));
        console.log(tokenInfo);


        if (tokenInfo && tokenInfo.token) {
        request = request.clone({
            setHeaders: {
            Authorization: `Bearer ${tokenInfo.token}`,
            'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
            }
        });
        }

        return newRequest.handle(request);
        console.log(request);
    }
}

} }

AuthService:

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

import { HttpClient, HttpHeaders } from '@angular/common/http'; import { BehaviorSubject, Observable, config } from 'rxjs'; import { map } from 'rxjs/operators';

import { messages } from 'app/pages/extra-components/chat/messages'; import { NbLogoutComponent } from 'app/auth'; import { AppConfig } from 'app/pages/shared/app.config'; import { headersToString } from 'selenium-webdriver/http';

@Injectable({ providedIn: 'root' }) export class AuthService { private headers = new HttpHeaders();

import { HttpClient, HttpHeaders } from '@angular/common/http';
import { BehaviorSubject, Observable, config } from 'rxjs';
import { map } from 'rxjs/operators';

import { messages } from 'app/pages/extra-components/chat/messages';
import { NbLogoutComponent } from 'app/auth';
import { AppConfig } from 'app/pages/shared/app.config';
import { headersToString } from 'selenium-webdriver/http';

@Injectable({ providedIn: 'root' })
export class AuthService {
    private headers = new HttpHeaders();

    constructor(private http: HttpClient, private config: AppConfig) {
    }

    login(login: User) {
        return this.http.post<any>(`${this.config.apiUrl}/login/`, login, {headers: this.headers , responseType:'text' as 'json'})

            .pipe(map(user => {
                // armazenar detalhes do usuário e token JWT no armazenamento 
                //local para manter o usuário conectado entre as atualizações de página

                localStorage.setItem('TokenInfo', JSON.stringify(user));
                console.log(user);




                return user;

            }));
    }

    getToken(){
        return localStorage.getItem('TokenInfo');
    }


    logout() {
        localStorage.removeItem('TokenInfo')
    }
}



export class User {
    id: number;
    email: string;
    password: string;
    token: string;
}

}

export class User { id: number; email: string; password: string; token: string; }

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

@Injectable() export class TokenInterceptor implements HttpInterceptor {

intercept(request: HttpRequest, newRequest: HttpHandler): Observable<HttpEvent> { // add authorization header to request

//Get Token data from local storage
let tokenInfo = JSON.parse(localStorage.getItem('TokenInfo'));
console.log(tokenInfo);


if (tokenInfo && tokenInfo.token) {
  request = request.clone({
    setHeaders: {
      Authorization: `Bearer ${tokenInfo.token}`,
      'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
    }
  });
}

return newRequest.handle(request);
console.log(request);

} }

AuthService:

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

import { HttpClient, HttpHeaders } from '@angular/common/http'; import { BehaviorSubject, Observable, config } from 'rxjs'; import { map } from 'rxjs/operators';

import { messages } from 'app/pages/extra-components/chat/messages'; import { NbLogoutComponent } from 'app/auth'; import { AppConfig } from 'app/pages/shared/app.config'; import { headersToString } from 'selenium-webdriver/http';

@Injectable({ providedIn: 'root' }) export class AuthService { private headers = new HttpHeaders();

constructor(private http: HttpClient, private config: AppConfig) {
}

 login(login: User) {
    return this.http.post<any>(`${this.config.apiUrl}/login/`, login, {headers: this.headers , responseType:'text' as 'json'})

        .pipe(map(user => {
            // armazenar detalhes do usuário e token JWT no armazenamento 
            //local para manter o usuário conectado entre as atualizações de página

            localStorage.setItem('TokenInfo', JSON.stringify(user));
            console.log(user);




            return user;

        }));
}

getToken(){
    return localStorage.getItem('TokenInfo');
}


logout() {
    localStorage.removeItem('TokenInfo')
}

}

export class User { id: number; email: string; password: string; token: string; }

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

@Injectable()
export class TokenInterceptor implements HttpInterceptor {

    intercept(request: HttpRequest<any>, newRequest: HttpHandler): Observable<HttpEvent<any>> {
        // add authorization header to request

        //Get Token data from local storage
        let tokenInfo = JSON.parse(localStorage.getItem('TokenInfo'));
        console.log(tokenInfo);


        if (tokenInfo && tokenInfo.token) {
        request = request.clone({
            setHeaders: {
            Authorization: `Bearer ${tokenInfo.token}`,
            'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
            }
        });
        }

        return newRequest.handle(request);
        console.log(request);
    }
}

AuthService:

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

import { messages } from 'app/pages/extra-components/chat/messages';
import { NbLogoutComponent } from 'app/auth';
import { AppConfig } from 'app/pages/shared/app.config';
import { headersToString } from 'selenium-webdriver/http';

@Injectable({ providedIn: 'root' })
export class AuthService {
    private headers = new HttpHeaders();

    constructor(private http: HttpClient, private config: AppConfig) {
    }

    login(login: User) {
        return this.http.post<any>(`${this.config.apiUrl}/login/`, login, {headers: this.headers , responseType:'text' as 'json'})

            .pipe(map(user => {
                // armazenar detalhes do usuário e token JWT no armazenamento 
                //local para manter o usuário conectado entre as atualizações de página

                localStorage.setItem('TokenInfo', JSON.stringify(user));
                console.log(user);




                return user;

            }));
    }

    getToken(){
        return localStorage.getItem('TokenInfo');
    }


    logout() {
        localStorage.removeItem('TokenInfo')
    }
}



export class User {
    id: number;
    email: string;
    password: string;
    token: string;
}
Fonte Link

Token vindo nulo do HttpInterceptor(Angular 7)

Olá! na hora de "pegar" o token no HttpInterceptor está vindo como null.

segue código d interceptor:

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

@Injectable() export class TokenInterceptor implements HttpInterceptor {

intercept(request: HttpRequest, newRequest: HttpHandler): Observable<HttpEvent> { // add authorization header to request

//Get Token data from local storage
let tokenInfo = JSON.parse(localStorage.getItem('TokenInfo'));
console.log(tokenInfo);


if (tokenInfo && tokenInfo.token) {
  request = request.clone({
    setHeaders: {
      Authorization: `Bearer ${tokenInfo.token}`,
      'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8'
    }
  });
}

return newRequest.handle(request);
console.log(request);

} }

AuthService:

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

import { HttpClient, HttpHeaders } from '@angular/common/http'; import { BehaviorSubject, Observable, config } from 'rxjs'; import { map } from 'rxjs/operators';

import { messages } from 'app/pages/extra-components/chat/messages'; import { NbLogoutComponent } from 'app/auth'; import { AppConfig } from 'app/pages/shared/app.config'; import { headersToString } from 'selenium-webdriver/http';

@Injectable({ providedIn: 'root' }) export class AuthService { private headers = new HttpHeaders();

constructor(private http: HttpClient, private config: AppConfig) {
}

 login(login: User) {
    return this.http.post<any>(`${this.config.apiUrl}/login/`, login, {headers: this.headers , responseType:'text' as 'json'})

        .pipe(map(user => {
            // armazenar detalhes do usuário e token JWT no armazenamento 
            //local para manter o usuário conectado entre as atualizações de página

            localStorage.setItem('TokenInfo', JSON.stringify(user));
            console.log(user);




            return user;

        }));
}

getToken(){
    return localStorage.getItem('TokenInfo');
}


logout() {
    localStorage.removeItem('TokenInfo')
}

}

export class User { id: number; email: string; password: string; token: string; }

inserir a descrição da imagem aqui

não entendi por que o interceptor não está pegando o token. poderiam me ajudar? API é em Asp.net core 2.1(Jwt Bearer)