React Native

Get Google Account Info from OAuth2 Access Token

See more Google APIs Examples

In the Google OAuth2 authorization flow, an application can know the email address of the Google account used to authorize access by requesting and processing user information from the Google UserInfo endpoint after obtaining an access token. React Native

import { Http, JsonObject, StringBuilder } from '@chilkat/react-native'

async function chilkatExample() {
  // This example assumes the Chilkat API to have been previously unlocked.
  // See Global Unlock Sample for sample code.

  const http = new Http();

  // Implements the following CURL command:

  // curl -H "Authorization: Bearer YOUR_ACCESS_TOKEN" https://www.googleapis.com/oauth2/v3/userinfo

  // Use the following online tool to generate HTTP code from a CURL command
  // Convert a cURL Command to HTTP Source Code

  // Adds the "Authorization: Bearer YOUR_ACCESS_TOKEN" header.
  http.authToken = 'YOUR_ACCESS_TOKEN';

  const sbResponseBody = new StringBuilder();
  try {
    await http.quickGetSbAsync('https://www.googleapis.com/oauth2/v3/userinfo', sbResponseBody);
  } catch {
    console.log(http.lastErrorText);
    return;
  }

  const jResp = new JsonObject();
  jResp.loadSb(sbResponseBody);
  jResp.emitCompact = false;

  console.log('Response Body:');
  console.log(jResp.emit());

  const respStatusCode = http.lastStatus;
  console.log(`Response Status Code = ${respStatusCode}`);
  if (respStatusCode >= 400) {
    console.log('Response Header:');
    console.log(http.lastHeader);
    console.log('Failed.');
    return;
  }

  // Sample JSON response:
  // (Sample code for parsing the JSON response is shown below)

  // {
  //   "sub": "112233445678901234567",
  //   "name": "John Doe",
  //   "given_name": "John",
  //   "family_name": "Doe",
  //   "profile": "https://plus.google.com/112233445678901234567",
  //   "picture": "https://lh3.googleusercontent.com/a-/AOh14GiU-EXAMPLE",
  //   "email": "johndoe@example.com",
  //   "email_verified": true,
  //   "locale": "en"
  // }

  // Sample code for parsing the JSON response...
  // Use the following online tool to generate parsing code from sample JSON:
  // Generate Parsing Code from JSON

  const vSub = jResp.stringOf('sub');
  const name = jResp.stringOf('name');
  const givenName = jResp.stringOf('given_name');
  const familyName = jResp.stringOf('family_name');
  const profile = jResp.stringOf('profile');
  const picture = jResp.stringOf('picture');
  const email = jResp.stringOf('email');
  const locale = jResp.stringOf('locale');
}