React Native

REST File Streaming Upload

See more Azure Cloud Storage Examples

Demonstrates how to stream the REST body from a file. This example demonstrates a REST upload to the Azure Cloud Storage service. React Native

import { AuthAzureStorage, Rest, Stream } 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 rest = new Rest();

  // Connect to the Azure Storage Blob Service
  const bTls = true;
  const port = 443;
  const bAutoReconnect = true;
  // In this example, the storage account name is "chilkat".
  try {
    await rest.connectAsync('chilkat.blob.core.windows.net', port, bTls, bAutoReconnect);
  } catch {
    console.log(rest.lastErrorText);
    return;
  }

  // Provide Azure Cloud credentials for the REST call.
  const azAuth = new AuthAzureStorage();
  azAuth.accessKey = 'AZURE_ACCESS_KEY';
  // The account name used here should match the 1st part of the domain passed in the call to Connect (above).
  azAuth.account = 'chilkat';
  azAuth.scheme = 'SharedKey';
  azAuth.service = 'Blob';
  // This causes the "x-ms-version: 2021-08-06" header to be automatically added.
  azAuth.xMsVersion = '2021-08-06';
  rest.setAuthAzureStorage(azAuth);

  // Set some request headers.
  rest.addHeader('x-ms-blob-content-disposition', 'attachment; filename="hamlet.xml"');
  rest.addHeader('x-ms-blob-type', 'BlockBlob');
  rest.addHeader('x-ms-meta-m1', 'v1');
  rest.addHeader('x-ms-meta-m2', 'v2');

  // Note: The application does not need to explicitly set the following
  // headers: x-ms-date, Authorization, and Content-Length.  These headers
  // are automatically set by Chilkat.

  const fileStream = new Stream();
  fileStream.sourceFile = 'qa_data/xml/hamlet.xml';

  // Upload to the Azure Cloud Storage service.
  // The file is streamed, so the full file never has to completely reside in memory.
  // The file is uploaded to the container named "test".
  let responseStr: string;
  try {
    responseStr = await rest.fullRequestStreamAsync('PUT', '/test/hamlet.xml', fileStream);
  } catch {
    console.log(rest.lastErrorText);
    return;
  }

  // When successful, the Azure Storage service will respond with a 201 response code,
  // with an empty body.  Therefore, in the success condition, the responseStr is empty.
  if (rest.responseStatusCode === 201) {
    console.log('File uploaded.');
  } else {
    // Examine the request/response to see what happened.
    console.log(`response status code = ${rest.responseStatusCode}`);
    console.log(`response status text = ${rest.responseStatusText}`);
    console.log(`response header: ${rest.responseHeader}`);
    console.log(`response body (if any): ${responseStr}`);
    console.log('---');
    console.log(`LastRequestStartLine: ${rest.lastRequestStartLine}`);
    console.log(`LastRequestHeader: ${rest.lastRequestHeader}`);
  }
}