React Native Requires Chilkat v11.0.0+

Get the Photos for a User

See more Facebook Examples

Demonstrates how to get the photos that the user has uploaded. React Native

import { CkDateTime, DtObj, JsonObject, OAuth2, Rest } 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);

  // Indicate that we only want the photos the user has personally uploaded.
  rest.addQueryParam('type', 'uploaded');

  // We could limit the number of photos by setting a limit.
  rest.addQueryParam('limit', '5');

  // Gets the 1st page of photos. (Not the actual image data, but the information about each photo.)
  // See https://developers.facebook.com/docs/graph-api/reference/user/photos/ for more information.
  let responseJson: string;
  try {
    responseJson = await rest.fullRequestNoBodyAsync('GET', '/v2.7/me/photos');
  } catch {
    console.log(rest.lastErrorText);
    return;
  }

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

  // A sample JSON response is shown below.  
  // This is the code to parse the JSON response.

  const dtime = new CkDateTime();
  const bLocalTime = true;

  const dt = new DtObj();
  let i = 0;
  const numItems = json.sizeOfArray('data');
  while (i < numItems) {
    json.i = i;
    console.log(`--- ${i}`);
    try {
      const name = json.stringOf('data[i].name');
      console.log(`name: ${name}`);
    } catch {
      // json.stringOf() failed; continue anyway.
    }

    console.log(`id: ${json.stringOf('data[i].id')}`);

    // We can load the created_time into a CkDateTime...
    dtime.setFromTimestamp(json.stringOf('data[i].created_time'));
    dtime.toDtObj(bLocalTime, dt);

    console.log(`${dt.month}/${dt.day}/${dt.year}  ${dt.hour}:${dt.minute}`);
    i++;
  }

  // We can get the paging information as follows:
  console.log(`URL for next page: ${json.stringOf('paging.next')}`);
  console.log(`before cursor: ${json.stringOf('paging.cursors.before')}`);
  console.log(`after cursor: ${json.stringOf('paging.cursors.after')}`);

  // This is a sample JSON response:
  // { 
  //   "data": [
  //     {
  //       "created_time": "2016-09-29T20:46:18+0000",
  //       "name": "Ignore my posts -- I'm doing some testing for Facebook related programming...",
  //       "id": "10210199026347451"
  //     },
  //     { 
  //       "created_time": "2016-09-19T02:00:42+0000",
  //       "id": "10210091531240138"
  //     },
  //     { 
  //       "created_time": "2016-09-19T02:00:42+0000",
  //       "id": "10210091520620125"
  //     },
  //     { 
  //       "created_time": "2016-09-19T01:59:46+0000",
  //       "name": "I would've went for a swim had it not been for the sign",
  //       "id": "10210091522299917"
  //     },
  //     { 
  //       "created_time": "2016-09-12T00:37:35+0000",
  //       "id": "10210023316834798"
  //     }
  //   ],
  //   "paging": { 
  //     "cursors": { 
  //       "before": "MTAyMTAxOTkwMjYzNDc0NTEZD",
  //       "after": "MTAyMTAwMjMzMTU4MzQ3OTgZD"
  //     },
  //     "next": "https:\/\/graph.facebook.com\/v2.7\/10224048320139890\/photos?type=uploaded&limit=5&after=MTAyMTAwMjMzMTU4MzQ3OTgZD"
  //   }
  // }
  // 
}