React Native Requires Chilkat v10.1.2+

Wish for Merchants -- Get OAuth2 Access Token for Desktop App

See more OAuth2 Examples

Demonstrates how to get a Wish for Merchants OAuth2 access token from a desktop application or script. React Native

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

function chilkatExample() {
  // To further clarify, see OAuth 2.0 Authorization Flow

  // This example is for desktop applicatons (it is not for code that runs on a web server).

  // This is the way to initially obtain the OAuth2 access token.  Afterwards it can be 
  // repeatedly refreshed without user interaction, as shown in this example: Refresh Wish OAuth2 Access Token.

  const oauth2 = new OAuth2();

  // Wish OAuth2 does not allow a localhost callback URI such as "http://localhost:<portNumber>/"
  // For a desktop app, you must provide a script on your web server to redirect to "http://localhost/<portNumber>"

  // Your applicaton must use your own public web server as an intermediate
  // to receive and forward the redirect to localhost.
  // See Using Your Web Server as an Intermediary for OAuth2 Redirect to localhost
  oauth2.appCallbackUrl = 'https://yourwebserver.com/OAuth2.php';
  oauth2.listenPort = 3017;

  oauth2.authorizationEndpoint = 'https://merchant.wish.com/v3/oauth/authorize';
  oauth2.tokenEndpoint = 'https://merchant.wish.com/api/v3/oauth/access_token';

  oauth2.uncommonOptions = 'EXCHANGE_CODE_FOR_TOKEN_USING_GET';

  // Replace these with actual values.
  oauth2.clientId = 'WISH-CLIENT-ID';
  oauth2.clientSecret = 'WISH-CLIENT-SECRET';

  oauth2.scope = '';

  // 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/wish.json', 'utf-8', false);

  // The full JSON received looks like this:
  // {
  //   "message": "",
  //   "code": 0,
  //   "data": {
  //     "access_token": "15af1c191c1243b029bc1660b5c08ce7",
  //     "scopes": [
  //       "epc:read",
  //       "epc:write",
  //       "fbs:read",
  //       "fbs:write",
  //       "fbw:read",
  //       "fbw:write",
  //       "infractions:read",
  //       "infractions:write",
  //       "insurance:read",
  //       "insurance:write",
  //       "loans:read",
  //       "loans:write",
  //       "merchant:read",
  //       "merchant:write",
  //       "notifications:read",
  //       "notifications:write",
  //       "orders:read",
  //       "orders:write",
  //       "payments:read",
  //       "payments:write",
  //       "penalties:read",
  //       "penalties:write",
  //       "product_boost:read",
  //       "product_boost:write",
  //       "products:read",
  //       "products:write",
  //       "ratings:read",
  //       "ratings:write",
  //       "returns:read",
  //       "returns:write",
  //       "tickets:read",
  //       "tickets:write"
  //     ],
  //     "merchant_id": "5eb3f605178f5be2c784fa02",
  //     "expiry_time": "2020-12-17T16:55:09.594+00:00",
  //     "refresh_token": "55a38e44df674a1e859891624b2c4c23"
  //   }
  // }

  console.log('OAuth2 authorization granted!');
  console.log(`Access Token = ${oauth2.accessToken}`);
}