React Native Requires Chilkat v11.0.0+

Google Drive - Resumable Upload

See more Google Drive Examples

Demonstrates how to do a resumable upload to Google Drive. React Native

import { Http, HttpRequest, HttpResponse, JsonObject, StringBuilder, Url } 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.

  // This example uses a previously obtained access token having permission for the 
  // Google Drive scope. 
  // See Get Google Drive OAuth2 Access Token

  const http = new Http();

  http.authToken = 'GOOGLE_DRIVE_ACCESS_TOKEN';

  // First we want to initiate the resumable upload.
  // We send a POST to get a session URI, which will be used to upload the file, and resume if needed.

  // Our POST will look like this:

  // POST https://www.googleapis.com/upload/drive/v3/files?uploadType=resumable HTTP/1.1
  // Authorization: Bearer [YOUR_AUTH_TOKEN]          <-- Chilkat automatically adds this header because the AuthToken property was set.
  // Content-Length: 38                               <-- Chilkat will automatically add this header.
  // Content-Type: application/json; charset=UTF-8    <-- This is the type of this POST, and is specified in the call to HttpJson.
  // X-Upload-Content-Type: application/zip           <-- The type of file we'll be uploading
  // X-Upload-Content-Length: 1366807                 <-- The size of the file we'll be uploading
  // 
  // {
  //   "name": "myObject"
  // }

  http.setRequestHeader('X-Upload-Content-Type', 'application/zip');
  http.setRequestHeader('X-Upload-Content-Length', '1366807');

  const json = new JsonObject();
  json.updateString('name', 'myZip');

  const resp = new HttpResponse();
  try {
    await http.httpJsonAsync('POST', 'https://www.googleapis.com/upload/drive/v3/files?uploadType=resumable', json, 'application/json', resp);
  } catch {
    console.log(http.lastErrorText);
    return;
  }

  const statusCode = resp.statusCode;
  if (statusCode !== 200) {
    console.log(resp.bodyStr);
    console.log(`response status = ${statusCode}`);
    return;
  }

  // The session URI is in the "Location" response header:
  const sbSessionUri = new StringBuilder();
  sbSessionUri.append(resp.getHeaderField('Location'));
  const sessionUri = sbSessionUri.getAsString();
  console.log(`Session URI: ${sessionUri}`);

  // Here's a sample session URI:  https://www.googleapis.com/upload/drive/v3/files?uploadType=resumable&upload_id=AEnB2UrszR8lDqlo3mtXJw_0rYI_Hi1oVh1NPFcLfoyBq9NcSjk85kFopoZaVEgT38OSmLl0XsObPf4iCSJwHlrOvvIJQ_ckIQ

  // -----------------------------------------------------------------------------
  // The next step is to upload the file using the session URI:

  // We'll send a PUT that looks like this:

  // PUT https://www.googleapis.com/upload/drive/v3/files?uploadType=resumable&upload_id=xa298sd_sdlkj2 HTTP/1.1
  // Content-Length: 1366807
  // Content-Type: application/zip
  // 
  // [BYTES 0-1366806]

  // First remove the X-Upload-Content-Type and X-Upload-Content-Length request headers we specified earlier, so they don't get sent with subsequent requests.
  http.clearHeaders();

  // Because the file is likely large, we'll use HttpSReq which allows to to pass an HTTP request object where the body can be streamed directly from a file.
  const req = new HttpRequest();

  req.contentType = 'application/zip';
  req.httpVerb = 'PUT';

  const url = new Url();
  url.parseUrl(sessionUri);

  req.path = url.pathWithQueryParams;
  console.log(`Path with Query Param: ${url.pathWithQueryParams}`);

  // Specify that the request body is to be streamed directly from a file.
  try {
    req.streamBodyFromFile('qa_data/zips/big.zip');
  } catch {
    console.log(req.lastErrorText);
    return;
  }

  try {
    await http.httpSReqAsync(url.host, url.port, url.ssl, req, resp);
  } catch {
    console.log(http.lastErrorText);
    return;
  }

  console.log(resp.bodyStr);
  console.log(`response status = ${resp.statusCode}`);

  // Sample output:

  // {
  //  "kind": "drive#file",
  //  "id": "1rx20i53eurtkVQ-RT7Ry8Ct85PgPYMET",
  //  "name": "myZip",
  //  "mimeType": "application/zip"
  // }
  // 
  // response status = 200
}