React Native

JWE with Binary Data

See more JSON Web Encryption (JWE) Examples

Demonstrates how to create a JWE that contains a binary payload (such as a JPG image).

Note: This example requires Chilkat v9.5.0.66 or greater.

React Native

import { BinData, JsonObject, Jwe, StringBuilder } from '@chilkat/react-native'

function chilkatExample() {
  let success = false;

  // This requires the Chilkat API to have been previously unlocked.
  // See Global Unlock Sample for sample code.

  // Note: This example requires Chilkat v9.5.0.66 or greater.

  // Load a JPG file that will be the JWE payload.
  const jpgBytes = new BinData();
  success = true;
  try {
    jpgBytes.loadFile('qa_data/jpg/starfish.jpg');
  } catch {
    success = false;
  }
  // Make sure your app checks the success/failure of the call to LoadFile..
  console.log(`Original JPG size = ${jpgBytes.numBytes}`);

  const jwe = new Jwe();

  const jweProtHdr = new JsonObject();
  jweProtHdr.appendString('alg', 'A128KW');
  jweProtHdr.appendString('enc', 'A128CBC-HS256');
  jwe.setProtectedHeader(jweProtHdr);

  const aesWrappingKey = 'GawgguFyGrWKav7AX4VKUg';
  jwe.setWrappingKey(0, aesWrappingKey, 'base64url');

  // Encrypt and return the JWE in sbJwe:
  const sbJwe = new StringBuilder();
  try {
    jwe.encryptBd(jpgBytes, sbJwe);
  } catch {
    console.log(jwe.lastErrorText);
    return;
  }

  // Show the JWE:
  console.log(sbJwe.getAsString());
  console.log(`size of JWE: ${sbJwe.length}`);

  // ---------------------------------------------------------
  // Decrypt to get the original JPG file..

  const jwe2 = new Jwe();
  try {
    jwe2.loadJweSb(sbJwe);
  } catch {
    console.log(jwe2.lastErrorText);
    return;
  }

  // Set the AES wrap key.
  jwe2.setWrappingKey(0, aesWrappingKey, 'base64url');

  // Decrypt.
  const jpgOriginal = new BinData();
  try {
    jwe2.decryptBd(0, jpgOriginal);
  } catch {
    console.log(jwe2.lastErrorText);
    return;
  }

  console.log(`Decrypted JPG size = ${jpgOriginal.numBytes}`);

  // Save the decrypted JPG to a file.
  success = true;
  try {
    jpgOriginal.writeFile('qa_output/jwe_decrypted_starfish.jpg');
  } catch {
    success = false;
  }

  console.log(`success = ${success}`);

  // The output of this program, when tested, was:
  // Original JPG size = 6229
  // eyJhbGciOiJBMTI4S1ciLCJlbmMiOiJBMTI4Q0JDLUhTMjU2In0.9YFz_wteV ... 7Et3hKhpxnKEXw
  // size of JWE: 8473
  // Decrypted JPG size = 6229
  // success = True
}