Sample code for 30+ languages & platforms
React Native Requires Chilkat v11.0.0+

Create S3 Pre-Signed URL for Upload

See more Amazon S3 Examples

Demonstrates how to generate a pre-signed URL for S3 uploads.

Chilkat React Native Downloads

React Native
import { Http, HttpResponse } 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();

  http.awsAccessKey = 'AWS_ACCESS_KEY';
  http.awsSecretKey = 'AWS_SECRET_KEY';

  // Make sure to set your AWS region correctly
  http.awsRegion = 'us-east-1';

  const bucketName = 'chilkat200';
  const objectName = 'starfish/starfish.jpg';
  const awsService = 's3';
  const httpVerb = 'PUT';

  // The signed URL will be valid for this number of seconds:
  const numSecondsValid = 86400;

  // Choose between a URL beginning with "http://" or "https://"...
  const bUseHttps = true;

  // Generate the pre-signed URL
  let preSignedUrl: string;
  try {
    preSignedUrl = http.s3GenPresignedUrl(httpVerb, bUseHttps, bucketName, objectName, numSecondsValid, awsService);
  } catch {
    console.log(http.lastErrorText);
    return;
  }

  console.log(`Presigned URL for Upload: ${preSignedUrl}`);

  // Here's an example of a pre-signed URL
  // 
  // http://chilkat200.s3.amazonaws.com/starfish/starfish.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAIBJLOVZVXAU2AFUA%2F20200623%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20200623T234049Z&X-Amz-Expires=86400&X-Amz-SignedHeaders=host&X-Amz-Signature=xxxxxeaea071178d772856c0a4e4c0114a8d9992f0d0812955e490d0exxxxxxx
  // 

  // You can use the pre-signed URL to upload from Chilkat
  // For example, upload by streaming from a local file
  const resp = new HttpResponse();
  try {
    await http.httpFileAsync('PUT', preSignedUrl, 'qa_data/jpg/starfish.jpg', 'image/jpg', resp);
  } catch {
    console.log(http.lastErrorText);
    return;
  }

  console.log(`response status code = ${resp.statusCode}`);
  console.log(`response body size: ${resp.contentLength}`);
  if (resp.contentLength > 0) {
    console.log('response body:');
    console.log(resp.bodyStr);
  }
}