React Native

Google Contacts - Adding/Updating a photo for a contact

See more Google APIs Examples

Demonstrates how to upload a photo for a Google Contact. React Native

import { AuthGoogle, BinData, JsonObject, Rest, StringBuilder } 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.

  // --------------------------------------------------------------------------------------------------------
  // Note: The code for setting up the Chilkat REST object and making the initial connection can be done once.
  // Once connected, the REST object may be re-used for many REST API calls.
  // (It's a good idea to put the connection setup code in a separate function/subroutine.)
  // --------------------------------------------------------------------------------------------------------

  // It is assumed we previously obtained an OAuth2 access token.
  // This example loads the JSON access token file 
  // saved by this example: Get Google Contacts OAuth2 Access Token

  const jsonToken = new JsonObject();
  try {
    jsonToken.loadFile('qa_data/tokens/googleContacts.json');
  } catch {
    console.log('Failed to load googleContacts.json');
    return;
  }

  const gAuth = new AuthGoogle();
  gAuth.accessToken = jsonToken.stringOf('access_token');

  const rest = new Rest();

  // Connect using TLS.
  const bAutoReconnect = true;
  await rest.connectAsync('www.google.com', 443, true, bAutoReconnect);

  // Provide the authentication credentials (i.e. the access token)
  rest.setAuthGoogle(gAuth);

  // ----------------------------------------------
  // OK, the REST connection setup is completed..
  // ----------------------------------------------

  // To upload a photo for the contact, send the following:

  // 	PUT /m8/feeds/photos/media/default/contactId
  // 	If-match: Etag
  // 	Content-Type: image/*
  // 	...
  // 	[Photo data bytes]

  rest.addHeader('GData-Version', '3.0');
  rest.addHeader('If-Match', '*');
  rest.addHeader('Content-Type', 'image/*');

  const sbPath = new StringBuilder();
  sbPath.append('/m8/feeds/photos/media/default/{contactId}');
  // Upload a photo for the contact having contactId = "1ea2e4fe0ef24e09"
  const numReplacements = sbPath.replace('{contactId}', '1ea2e4fe0ef24e09');

  // Let's get our photo data..
  const pngData = new BinData();
  pngData.loadFile('qa_data/png/dude.png');

  const sbResponseBody = new StringBuilder();
  try {
    await rest.fullRequestBdAsync('PUT', sbPath.getAsString(), pngData, sbResponseBody);
  } catch {
    console.log(rest.lastErrorText);
    return;
  }

  // A successful response will have a status code equal to 200.
  if (rest.responseStatusCode !== 200) {
    console.log(`response status code = ${rest.responseStatusCode}`);
    console.log(`response status text = ${rest.responseStatusText}`);
    console.log(`response header: ${rest.responseHeader}`);
    console.log(`response body: ${sbResponseBody.getAsString()}`);
    return;
  }

  // If the 200 success response was received.
  console.log('Response Body:');
  console.log(sbResponseBody.getAsString());
  console.log('Success.');
}