Decode jwt

Javascript token generator

function generate_token(length){
    //edit the token allowed characters
    var a = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890".split("");
    var b = [];  
    for (var i=0; i<length; i++) {
        var j = (Math.random() * (a.length-1)).toFixed(0);
        b[i] = a[j];
    }
    return b.join("");
}
generate_token(32); //returns "qweQj4giRJSdMNzB8g1XIa6t3YtRIHPH"

Js jwt decode

import jwt_decode from "jwt-decode";
var token = "eyJ0eXAiO...";
var decoded = jwt_decode(token);
console.log(decoded);

/* prints: * { foo: "bar", *   exp: 1393286893, *   iat: 1393268893  } */

Source: npmjs.com

Jwt encode

jwt.encode( { 'client_id':'value', 'expires_in':'datetime'}, SECRET_KEY, algorithm='HS256' )

OBS:
Convert datetime to string because in the backend is a json encode system 
and it will generate a TypeError
ex: TypeError: Object of type datetime is not JSON serializable

Npm jwt decode

import jwt_decode from "jwt-decode"; var token = "eyJ0eXAiO.../// jwt token";var decoded = jwt_decode(token); console.log(decoded); /* prints: * { foo: "bar", *   exp: 1393286893, *   iat: 1393268893  } */ // decode header by passing in options (useful for when you need `kid` to verify a JWT):var decodedHeader = jwt_decode(token, { header: true });console.log(decodedHeader); /* prints: * { typ: "JWT", *   alg: "HS256" } */

Source: npmjs.com

Decode csrf token online

{
  "alg": "CfDJ8OW5OI0CPGJBgSNlGwO0x4YF7qbYKVv7KOO-N0eFtDUzXOrL7F9Xd9W1otVi4ueJOkAmAhuoHFWNkqRaFD7zvAMHMSKncl6Vo5QXKmpvy6vqxOKxSURdIey8aZPRi3Nnhp2p9la-Al5xrVKz0lignRdcCHf3O7pF9zv_sNx_c_T7pUe3WsxaJEPX3t_9FO2Wjw"
}

Source: kabisa.nl

Decode jwt

import { JwtHelperService } from "@auth0/angular-jwt";

constructor(private jwtHelper: JwtHelperService) {}

// DDECODIFICA TOKEN
CheckUser(): void {
  	this.role = this.GetUserRole();
	this.username = this.GetUsername();
	const token = this.tokenGetter();
	if (token && this.jwtHelper.isTokenExpired(token)) {
  		alert("Sessione scaduta!");
  		this.router.navigate(["login"]);
      	return;
	}
	if (token && !this.jwtHelper.isTokenExpired(token)) {
  		this.isLogged = true;
  		if (this.role === "User") {
    		this.adminMode = false;
  		} else {
    		this.adminMode = true;
  		}	
    }
	console.log("logged?: " + this.isLogged);
	console.log("role: " + this.role);
	console.log("username: " + this.username);
	console.log("adminMode?: " + this.adminMode);
}

tokenGetter() {
  	return localStorage.getItem("token");
}

GetUserRole() {
    const token = this.tokenGetter();
    if (!token) {
      return;
    }
    let tokenData = this.jwtHelper.decodeToken(token);
    let role =
        tokenData[
          "http://schemas.microsoft.com/ws/2008/06/identity/claims/role"
        ];
    return role;
}

GetUsername() {
    const token = this.tokenGetter();
    if (!token) {
      return;
    }
    let tokenData = this.jwtHelper.decodeToken(token);
    let username =
        tokenData[
          "http://schemas.xmlsoap.org/ws/2005/05/identity/claims/name"
        ];
    return username;
}

Similar codes

2 votes103 views2 answers
How to find a combination of all elements in a python list
TypeScript
-1 vote104 views1 answer
Angular conditional directives
TypeScript
0 vote105 views1 answer
Bts assurance
TypeScript
6 votes111 views1 answer
Create react native app typescript ligne command
TypeScript
0 vote112 views1 answer
Login page react native
TypeScript
0 vote117 views1 answer
Typescript time
TypeScript
0 vote108 views1 answer
(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define(factory) : (global.Popper = factory());
TypeScript
3 votes112 views4 answers
Angular images
TypeScript
0 vote129 views1 answer
What are the used of curly brackets in react functions
TypeScript
2 votes130 views2 answers
Constraints in database
TypeScript