React Native

Decode Microsoft Graph ID Token

See more Microsoft Graph Examples

Demonstrates how to decode a Microsoft Graph ID token. React Native

import { JsonObject, Jwt } from '@chilkat/react-native'

function chilkatExample() {
  // This example requires the Chilkat API to have been previously unlocked.
  // See Global Unlock Sample for sample code.

  // This example loads an id_token and decodes it.

  // Our Microsoft Graph OAuth2 token looks like this:

  // {
  //   "token_type": "Bearer",
  //   "scope": "openid profile User.ReadWrite Mail.ReadWrite Mail.Send Files.ReadWrite User.Read Calendars.ReadWrite Group.ReadWrite.All",
  //   "expires_in": 3600,
  //   "ext_expires_in": 3600,
  //   "access_token": "EwCQA8l6...0HhMKYwC",
  //   "refresh_token": "MCWulIvzi2yD0S...igEFn51mqcByhZtAJg",
  //   "id_token": "eyJ0eXAiOiJKV1...Q7lRDaR-7A",
  //   "expires_on": "1562862714"
  // }

  const jsonToken = new JsonObject();
  try {
    jsonToken.loadFile('qa_data/tokens/microsoftGraph.json');
  } catch {
    console.log('Failed to load the JSON file...');
    return;
  }

  // Use Chilkat's JWT API to examine the id_token..
  const jwt = new Jwt();
  const idToken = jsonToken.stringOf('id_token');

  // Extract the JOSE header..
  const jose = jwt.getHeader(idToken);

  const jsonHeader = new JsonObject();
  jsonHeader.load(jose);
  jsonHeader.emitCompact = false;
  console.log(jsonHeader.emit());

  // The JOSE header looks like this:

  // {
  //   "typ": "JWT",
  //   "alg": "RS256",
  //   "kid": "1LTMzakihiRla_8z2BEJVXeWMqo"
  // }

  const claims = jwt.getPayload(idToken);

  const jsonClaims = new JsonObject();
  jsonClaims.load(claims);
  jsonClaims.emitCompact = false;
  console.log(jsonClaims.emit());

  // The claims look like this:

  // {
  //   "ver": "2.0",
  //   "iss": "https://login.microsoftonline.com/9188040d-6c67-4c5b-b112-36a304b66dad/v2.0",
  //   "sub": "AAAAAAAAAAAAAAAAAAAAAHJFryd6Gydo-XtTd1nhUNQ",
  //   "aud": "18c456bd-db75-43fe-9724-9e5d821c68ff",
  //   "exp": 1562945513,
  //   "iat": 1562858813,
  //   "nbf": 1562858813,
  //   "name": "Matt Chilkat",
  //   "preferred_username": "matt@example.com",
  //   "oid": "00000000-0000-0000-3a33-fceb9b74cc15",
  //   "tid": "9188040d-6c67-4c5b-b112-36a304b66dad",
  //   "aio": "DfibJqKnWC1c0FS6G ... W6pvTrQuYzyq16ghY$"
  // }
  // 

  // Use this online tool to generate parsing code from sample JSON: 
  // Generate Parsing Code from JSON

  // Get each of the claims..
  const ver = jsonClaims.stringOf('ver');
  const iss = jsonClaims.stringOf('iss');
  const sSub = jsonClaims.stringOf('sub');
  const aud = jsonClaims.stringOf('aud');
  const exp = jsonClaims.intOf('exp');
  const iat = jsonClaims.intOf('iat');
  const nbf = jsonClaims.intOf('nbf');
  const name = jsonClaims.stringOf('name');
  const preferredUsername = jsonClaims.stringOf('preferred_username');
  const oid = jsonClaims.stringOf('oid');
  const tid = jsonClaims.stringOf('tid');
  const aio = jsonClaims.stringOf('aio');
}