React Native

Get Individual Photo Info

See more Facebook Examples

Assuming we have the ID of a Photo, this example demonstrates how to retrieve the photo information and parse the JSON. React Native

import { JsonObject, OAuth2, 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.

  // This example assumes a previously obtained an access token
  const oauth2 = new OAuth2();
  oauth2.accessToken = 'FACEBOOK-ACCESS-TOKEN';

  const rest = new Rest();

  // Connect to Facebook...
  try {
    await rest.connectAsync('graph.facebook.com', 443, true, true);
  } catch {
    console.log(rest.lastErrorText);
    return;
  }

  // Provide the authentication credentials (i.e. the access key)
  rest.setAuthOAuth2(oauth2);

  // Assumes we've already obtained a Photo ID.
  const photoId = '10210199026347451';

  const sbPath = new StringBuilder();
  sbPath.append('/v2.7/');
  sbPath.append(photoId);

  // Select the fields we want.
  // This example will select many of the possible fields.
  // See https://developers.facebook.com/docs/graph-api/reference/photo/
  rest.addQueryParam('fields', 'id,album,can_delete,can_tag,from,height,width,images,link,name,name_tags,picture,place,target');

  let responseJson: string;
  try {
    responseJson = await rest.fullRequestNoBodyAsync('GET', sbPath.getAsString());
  } catch {
    console.log(rest.lastErrorText);
    return;
  }

  const json = new JsonObject();
  json.emitCompact = false;
  json.load(responseJson);

  // Show the JSON in human-readable format.
  console.log(json.emit());

  // A sample response is shown below.
  // Demonstrate how to parse values from the JSON.
  console.log(`Album name: ${json.stringOf('album.name')}`);
  const canDelete = json.boolOf('can_delete');
  console.log(`Can Delete: ${canDelete}`);
  console.log(`From Name: ${json.stringOf('from.name')}`);
  const height = json.intOf('height');
  const width = json.intOf('width');
  console.log(`Dimensions: ${width}x${height}`);
  console.log(`First Image Source: ${json.stringOf('images[0].source')}`);

  // A sample JSON response is shown here.  
  // { 
  //   "id": "10210199026347451",
  //   "album": { 
  //     "created_time": "2009-10-19T00:06:46+0000",
  //     "name": "Timeline Photos",
  //     "id": "1237223526054"
  //   },
  //   "can_delete": true,
  //   "can_tag": true,
  //   "from": { 
  //     "name": "Matt Smith",
  //     "id": "10224048320139890"
  //   },
  //   "height": 120,
  //   "width": 120,
  //   "images": [
  //     { 
  //       "height": 120,
  //       "source": "https:\/\/scontent.xx.fbcdn.net\/v\/t1.0-9\/14462791_10210199026347451_7830642117574407060_n.jpg?oh=a7f9ed10cf9cd81a82adeb541c60e2e2&oe=58ABB195",
  //       "width": 120
  //     }
  //   ],
  //   "link": "https:\/\/www.facebook.com\/photo.php?fbid=10210199026347451&set=a.1237223526054.2038240.1093202869&type=3",
  //   "name": "Ignore my posts -- I'm doing some testing for Facebook related programming...",
  //   "picture": "https:\/\/scontent.xx.fbcdn.net\/v\/t1.0-9\/14462791_10210199026347451_7830642117574407060_n.jpg?oh=a7f9ed10cf9cd81a82adeb541c60e2e2&oe=58ABB195"
  // }
  // 
}