React Native

QR Code Generator via api.qrserver.com REST API

See more HTTP Examples

Demonstrates how to generate a QR code using the api.qrserver.com REST API service. React Native

import { BinData, Http, HttpResponse, JsonObject } from '@chilkat/react-native'

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

  const http = new Http();

  // Send the following GET request to get a binary response.
  // The body of the binary response contains the image data for the QR code.
  // https://api.qrserver.com/v1/create-qr-code/?data=[URL-encoded-text]&size=[pixels]x[pixels]

  const queryParams = new JsonObject();
  queryParams.updateString('data', 'Hello World');
  queryParams.updateString('size', '100x100');

  // Get a PNG file..
  // Possible formats are:
  // png
  // gif
  // jpeg
  // jpg
  // svg
  // eps
  // Case matters.  Use lowercase.
  queryParams.updateString('format', 'png');

  // Send the GET request to an endpoint.
  // Chilkat will add the url-encoded query params passed in the JSON.
  const resp = new HttpResponse();
  try {
    await http.httpParamsAsync('GET', 'https://api.qrserver.com/v1/create-qr-code/', queryParams, resp);
  } catch {
    console.log(http.lastErrorText);
    return;
  }

  // Did it succeed?
  if (resp.statusCode !== 200) {
    // The response body, if anything, would not be the image data, but would likely be the error text (or HTML, or whatever...)
    console.log(resp.bodyStr);
    console.log(`Response status = ${resp.statusCode}`);
    console.log('Failed.');
    return;
  }

  // Success if we get here..
  // Save the binary body as the PNG file, or you can get the bytes of the PNG..
  resp.saveBodyBinary('c:/temp/qa_output/qr_code.png');

  // Or get the bytes:
  const bd = new BinData();
  resp.getBodyBd(bd);
  // Use the bytes in bd...
  // See the online reference documentation for the function to access the bytes directly.

  console.log('Success.');
}