0

Estoy consumiendo una ApiRest en la que obtengo un Token Jwt. El problema que tengo es que por ejemplo el token que recibo viene de la siguiente forma:

Codigo:

let jwt = jwt_decode(resp);

Token Obtenido:

{"token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJDb2RpZ28iOiI1NDAzMiIsIlVzdWFyaW8iOiJEYW5pbG8iLCJQYXNzd29yZCI6IjNkYzlkNDZhN2NhZThhYzQ3MTU1NjE4ZDZhYmZkZjdlIiwiTm9tYnJlcyI6IkRhbmlsbyIsIkFwZWxsaWRvcyI6Ikl0emVwIiwiTm9tYnJlQ29tcGxldG8iOiJEYW5pbG8gSXR6ZXAiLCJUb2tlbiI6IjEyMzQ1Iiwic3RhdHVzIjoiT0siLCJuYmYiOjE1Mzk2NjEzMzIsImV4cCI6MTUzOTY2MzEzMiwiaWF0IjoxNTM5NjYxMzMyLCJpc3MiOiJodHRwOi8vbG9jYWxob3N0OjQ5ODYvIiwiYXVkIjoiaHR0cDovL2xvY2FsaG9zdDo0OTg2LyJ9.VoUVi5Pjj03SMZTOlN3i95tP45QGtyJ_Se8s6pKzPwI"}

Y yo lo que necesito es solamente:

eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJDb2RpZ28iOiI1NDAzMiIsIlVzdWFyaW8iOiJEYW5pbG8iLCJQYXNzd29yZCI6IjNkYzlkNDZhN2NhZThhYzQ3MTU1NjE4ZDZhYmZkZjdlIiwiTm9tYnJlcyI6IkRhbmlsbyIsIkFwZWxsaWRvcyI6Ikl0emVwIiwiTm9tYnJlQ29tcGxldG8iOiJEYW5pbG8gSXR6ZXAiLCJUb2tlbiI6IjEyMzQ1Iiwic3RhdHVzIjoiT0siLCJuYmYiOjE1Mzk2NjEzMzIsImV4cCI6MTUzOTY2MzEzMiwiaWF0IjoxNTM5NjYxMzMyLCJpc3MiOiJodHRwOi8vbG9jYWxob3N0OjQ5ODYvIiwiYXVkIjoiaHR0cDovL2xvY2FsaG9zdDo0OTg2LyJ9.VoUVi5Pjj03SMZTOlN3i95tP45QGtyJ_Se8s6pKzPwI

Sin que vaya encerrado en {"token" : " "}

Por tal razon intente obtener el codigo de varias maneras, pero sin lograrlo.

Si solo lo guardo como objeto:

[object Object]: {Apellidos: "Itzep", aud: "http://localhost:4986/", Codigo: "54032", exp: 1539663477, iat: 1539661677...}
Apellidos: "Itzep"
aud: "http://localhost:4986/"
Codigo: "54032"
exp: 1539663477
iat: 1539661677
iss: "http://localhost:4986/"
nbf: 1539661677
NombreCompleto: "Danilo Itzep"
Nombres: "Danilo"
Password: "3dc9d46a7cae8ac47155618d6abfdf7e"
status: "OK"
Token: "12345"
Usuario: "Danilo"
__proto__: Object

Si lo convierto a json obtengo lo siguiente:

{"Codigo":"54032","Usuario":"Danilo","Password":"3dc9d46a7cae8ac47155618d6abfdf7e","Nombres":"Danilo","Apellidos":"Itzep","NombreCompleto":"Danilo Itzep","Token":"12345","status":"OK","nbf":1539661677,"exp":1539663477,"iat":1539661677,"iss":"http://localhost:4986/","aud":"http://localhost:4986/"}

El codigo es el siguiente:

import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { AlertController, Platform } from "ionic-angular";
import 'rxjs/add/operator/map';
import * as jwt_decode from "jwt-decode";
import { URLSearchParams } from '@angular/http';
import { HttpHeaders } from '@angular/common/http';
import { Storage } from '@ionic/storage';

@Injectable()
export class ServiceRestProvider {

  Token: any;
  token_full: any;
  jwt_token: any;
  token_full_json: any;

  constructor(public http: HttpClient,
    private alertCtrl: AlertController,
    private platform: Platform,
    private storage: Storage) {

    console.log('Entrando a ServiceRestProvider Provider y cargar storage');

    this.cargar_storage();
  }

  activo(): boolean {

    if (this.Token != "") {
      console.log("true");
      return true;

    } else {
      console.log("false");
      return false;
    }
  }

  ingresar(codigo: string, usuario: string, contrasena: string) {

    const body = JSON.stringify({
      Codigo: codigo,
      Usuario: usuario,
      Password: contrasena
    });

    const headers = new HttpHeaders().set('Access-Control-Allow-Origin', '*')
      .set('Access-Control-Allow-Methods', 'POST, GET, OPTIONS, PUT')
      .set('Accept', 'application/json')
      .set('Content-Type', 'application/json; charset=utf-8');

    return this.http.post('api/Api/Login', body, { headers: headers })
      .map((resp: any) => {

        let jwt = jwt_decode(resp);

        console.log("Pruebas");
        console.log(jwt);

        console.log("resp sin formato");
        console.log(resp);

        console.log("resp decodificado con jwt");
        this.token_full = jwt_decode(resp);
        console.log(this.token_full);

        console.log("resp con json");
        console.log(JSON.stringify(jwt));

        if (resp.error) {
          this.alertCtrl.create({
            title: "Error al iniciar",
            subTitle: jwt['Apellidos'],
            buttons: ["OK"]
          }).present();
        } else {
          console.log("No hubo error al cargar");
          this.Token = jwt['Token'];
          this.token_full=resp;
          console.log(this.Token + this.token_full);
          this.guardar_storage();
        }
      }
      );
  }

  private guardar_storage() {
    if (this.platform.is("cordova")) {
      console.log("El token a guardar en storage es");
      console.log(this.Token);
      this.storage.set('Token', this.Token);
      this.storage.set('Token_Full', this.token_full);

    } else {
      if (this.Token != "") {
        console.log("Guardando token");
        localStorage.setItem("Token", this.Token);
        localStorage.setItem("Token_Full", this.token_full);
        console.log("El token guardado es:");
        console.log(localStorage.getItem("Token_Full"));
      } else {
        console.log("Removiendo token del local storage");
        localStorage.removeItem("Token");
        localStorage.removeItem("Token_Full");
      }
    }
  }

  cargar_storage() {
    console.log("Entrando a cargar local storage");
    let promesa = new Promise((resolve, reject) => {

      if (this.platform.is("cordova")) {
        // dispositivo
        console.log("Existen items en el local storage dispositivo cordova");
        this.storage.ready()
          .then(() => {

            this.storage.get("Token_Full")
              .then(Token => {
                console.log(Token);
                if (Token != "") {
                  this.Token = Token;
                  this.token_full=Token;
                }
              })
          })
      } else {
        // computadora
        if (localStorage.getItem("Token_Full")) {
          //Existe items en el localstorage
          console.log("Existen items en el local storage computadora");
          this.token_full = localStorage.getItem("Token_Full");
          console.log(localStorage.getItem("Token_Full"));
        }
        resolve();
      }
    });
    return promesa;
  }

  getNovedades() {
    console.log("Token en almacenamiento interno");
    console.log(localStorage.getItem("Token_Full"));

    return new Promise(resolve => {
      this.http.post('api/Api/Licencias','12122017/12122018',{
        headers: new HttpHeaders().set('Authorization', localStorage.getItem("Token_Full")),
      }).subscribe(data => {
        resolve(data);
      }, err => {
        console.log(err);
      });
    });
  }

  Cerrar_Sesion() {

    this.token_full = null;
    // guardar storage
    this.guardar_storage();
  }
}

Si pueden ayudarme a obtener el token sin la etiqueta, se los agradezco. Saludos.

2 respuestas 2

1

Logre obtener el token de la siguiente forma:

let jwt_json1 = JSON.parse(resp);
console.log(jwt_json1["token"]);
0

Puedes llamar a token como una propiedad de tu objeto, de la siguiente forma:

const response_token ={"token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJDb2RpZ28iOiI1NDAzMiIsIlVzdWFyaW8iOiJEYW5pbG8iLCJQYXNzd29yZCI6IjNkYzlkNDZhN2NhZThhYzQ3MTU1NjE4ZDZhYmZkZjdlIiwiTm9tYnJlcyI6IkRhbmlsbyIsIkFwZWxsaWRvcyI6Ikl0emVwIiwiTm9tYnJlQ29tcGxldG8iOiJEYW5pbG8gSXR6ZXAiLCJUb2tlbiI6IjEyMzQ1Iiwic3RhdHVzIjoiT0siLCJuYmYiOjE1Mzk2NjEzMzIsImV4cCI6MTUzOTY2MzEzMiwiaWF0IjoxNTM5NjYxMzMyLCJpc3MiOiJodHRwOi8vbG9jYWxob3N0OjQ5ODYvIiwiYXVkIjoiaHR0cDovL2xvY2FsaG9zdDo0OTg2LyJ9.VoUVi5Pjj03SMZTOlN3i95tP45QGtyJ_Se8s6pKzPwI"}
console.log(response_token.token)

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.