React Native
React Native
Download Google Contact Photo
See more Google APIs Examples
Demonstrates how to download Google Contact's photo.Chilkat React Native Downloads
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 get the photo, send the following:
// GET /m8/feeds/photos/media/default/contactId
rest.addHeader('GData-Version', '3.0');
const sbPath = new StringBuilder();
// Get the photo for the contact having contactId = "1ea2e4fe0ef24e09"
const contactId = '1ea2e4fe0ef24e09';
sbPath.setString('/m8/feeds/photos/media/default/{contactId}');
const numReplacements = sbPath.replace('{contactId}', contactId);
const imageData = new BinData();
try {
await rest.fullRequestNoBodyBdAsync('GET', sbPath.getAsString(), imageData);
} catch {
console.log(rest.lastErrorText);
return;
}
// A 404 response indicates the contact has no photo.
// (We could've first fetched the contact information, parsed out the
// photo etag, and then if no photo etag existed, we'd know the contact has no
// photo. Or... we can just try to download the photo and if a 404 is received,
// we know there's no photo. Much simpler.)
if (rest.responseStatusCode === 404) {
console.log('This contact has no photo.');
return;
}
// A successful response will have a status code equal to 200.
if (rest.responseStatusCode !== 200) {
// If the response was not successful, then the response body
// does not contain image data. Instead it contains XML.
const sbResponseBody = new StringBuilder();
sbResponseBody.appendBd(imageData, 'utf-8', 0, 0);
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()}`);
console.log(`request startline: ${rest.lastRequestStartLine}`);
console.log(`request header: ${rest.lastRequestHeader}`);
return;
}
// Examine the content-type in the response header so we know what file
// extension to use (.jpg, .png, etc.)
const sbContentType = new StringBuilder();
sbContentType.append(rest.responseHdrByName('Content-Type'));
if (sbContentType.contentsEqual('image/jpeg', false)) {
imageData.writeFile('qa_output/contact_photo.jpg');
}
if (sbContentType.contentsEqual('image/png', false)) {
imageData.writeFile('qa_output/contact_photo.png');
}
console.log(`Content-Type: ${sbContentType.getAsString()}`);
console.log('Success.');
}