React Native Requires Chilkat v10.1.2+

Get a Xero OAuth2 Access Token

See more OAuth2 Examples

Gets a Xero OAuth2 access token. React Native

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

function chilkatExample() {
  // For more information about the OAuth2, see OAuth 2.0 Authorization Flow

  const oauth2 = new OAuth2();

  // For Xero OAuth2, set the listen port equal to the port used
  // in the Authorized Redirect URL for the Client ID.
  // For example, in this case the Authorized Redirect URL would be http://localhost:55568/
  // Your app should choose a port not likely not used by any other application.
  // See Xero OAuth2 for Desktop Apps for more information.
  oauth2.listenPort = 55568;

  oauth2.authorizationEndpoint = 'https://login.xero.com/identity/connect/authorize';
  oauth2.tokenEndpoint = 'https://identity.xero.com/connect/token';

  // Replace these with actual values.
  oauth2.clientId = 'XERO_APP_OAUTH2_CLIENT_ID';
  oauth2.clientSecret = 'XERO_APP_OAUTH2_CLIENT_SECRET';
  oauth2.useBasicAuth = true;

  // See https://developer.xero.com/documentation/oauth2/scopes for a complete list of scopes.
  // You will need to change the scopes depending on what access is needed..
  oauth2.scope = 'openid profile email accounting.transactions accounting.attachments accounting.settings payroll.employees offline_access';

  // Begin the OAuth2 Authorization code flow.  This returns a URL that should be loaded in a browser.
  let url: string;
  try {
    url = oauth2.startAuth();
  } catch {
    console.log(oauth2.lastErrorText);
    return;
  }

  console.log(`url = ${url}`);

  // Launch the default browser on the system and navigate to the url.
  // The LaunchBrowser method was added in Chilkat v10.1.2.
  try {
    oauth2.launchBrowser(url);
  } catch {
    console.log(oauth2.lastErrorText);
    return;
  }

  // Wait for the user to approve or deny authorization in the browser.
  let numMsWaited = 0;
  while ((numMsWaited < 90000) && (oauth2.authFlowState < 3)) {
    oauth2.sleepMs(100);
    numMsWaited += 100;
  }

  // If the browser does not respond within the specified time, AuthFlowState will be:
  // 
  // 1: Waiting for Redirect - The OAuth2 background thread is waiting for the browser's redirect request.
  // 2: Waiting for Final Response - The thread is awaiting the final access token response.
  // In either case, cancel the background task initiated by StartAuth.

  if (oauth2.authFlowState < 3) {
    oauth2.cancel();
    console.log('No response from the browser!');
    return;
  }

  // Check AuthFlowState to determine if authorization was granted, denied, or failed:
  // 
  // 3: Success - OAuth2 flow completed, the background thread exited, and the successful response is in AccessTokenResponse.
  // 4: Access Denied - OAuth2 flow completed, the background thread exited, and the error response is in AccessTokenResponse.
  // 5: Failure - OAuth2 flow failed before completion, the background thread exited, and error details are in FailureInfo.

  if (oauth2.authFlowState === 5) {
    console.log('OAuth2 failed to complete.');
    console.log(oauth2.failureInfo);
    return;
  }

  if (oauth2.authFlowState === 4) {
    console.log('OAuth2 authorization was denied.');
    console.log(oauth2.accessTokenResponse);
    return;
  }

  if (oauth2.authFlowState !== 3) {
    console.log(`Unexpected AuthFlowState:${oauth2.authFlowState}`);
    return;
  }

  // Save the full JSON access token response to a file.
  const sbJson = new StringBuilder();
  sbJson.append(oauth2.accessTokenResponse);
  sbJson.writeFile('qa_data/tokens/xero-access-token.json', 'utf-8', false);

  // The saved JSON response looks like this:

  // 	{
  // 	 "access_token": "...",
  // 	 "token_type": "Bearer",
  // 	 "expires_in": 3600,
  // 	 "refresh_token": "..."
  // 	}
  // 
  console.log('OAuth2 authorization granted!');
  console.log(`Access Token = ${oauth2.accessToken}`);
}