Google Sign In : Decoding JWT response - google-signin

Question

I have applied Google Sign In code; Everything is properly working. Now want to decode the jwt response. Can you please suggest how this decodeJwtResponse is formed.
Please Help.
function handleCredentialResponse(response) {
const responsePayload = decodeJwtResponse(response.credential);
console.log("ID: " + responsePayload.sub);
console.log('Full Name: ' + responsePayload.name);
console.log('Given Name: ' + responsePayload.given_name);
console.log('Family Name: ' + responsePayload.family_name);
console.log("Image URL: " + responsePayload.picture);
console.log("Email: " + responsePayload.email);
}

Answer 1

you can use jtw.io to decode the token and looks to everything included in the response (claims/audience/etc...)

Answer 2

Download the appropriate parsing mechanism form jwt.io. it has decoders for nodejs, .net, and more and you did not specify what you are using. Also note that you want to send the non-decoded version to the Google API for validation, the next and important step in the document I believe you obtained that code from.

Answer 3

You can use the jsonwebtoken library
After installing with npm i jsonwebtoken
import jwt from "jsonwebtoken";
function decodeJwtResponse(credential){
return jwt.decode(credentail)
}
function handleCredentialResponse(response) {
const responsePayload = decodeJwtResponse(response.credential);
console.log("ID: " + responsePayload.sub);
console.log('Full Name: ' + responsePayload.name);
console.log('Given Name: ' + responsePayload.given_name);
console.log('Family Name: ' + responsePayload.family_name);
console.log("Image URL: " + responsePayload.picture);
console.log("Email: " + responsePayload.email);
}