React Native Requires Chilkat v11.0.0+

Shopify GraphQL Simple Query (Get Shop Object)

See more Shopify Examples

Demonstrates a simple Shopify GraphQL query to get specific fields of the Shop object. React Native

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

  const http = new Http();

  // This example will use private authentication (which is HTTP Basic authentication)
  // See the other Chilkat Shopify examples for OAuth2 authentication.
  // To use HTTP Basic Authentication with any HTTP request, we simply set the Login, Password, and BasicAuth properties.
  // Important: All HTTP requests using Basic authentication must be over SSL/TLS.
  http.login = 'SHOPIFY_PRIVATE_API_KEY';
  http.password = 'SHOPIFY_PRIVATE_API_SECRET_KEY';
  http.basicAuth = true;

  // We're going to do a POST  https://{shop}.myshopify.com/admin/api/2021-04/graphql.json
  // Make sure to replace "chilkat" with your store name.

  // The body of the request will be:
  //    {
  //        shop {
  //            id
  //            name
  //            description
  //            email
  //         }
  //     }

  // The above query is not JSON.  It looks like JSON, but it's actually not.
  // We'll just make it one line:

  const query = '{ shop { id name description email } }';

  // My store name is "chilkat".  Use your store name here instead.
  const url = 'https://chilkat.myshopify.com/admin/api/2021-04/graphql.json';

  const resp = new HttpResponse();
  try {
    await http.httpStrAsync('POST', url, query, 'utf-8', 'application/graphql', resp);
  } catch {
    console.log(http.lastErrorText);
    return;
  }

  // Examine the response code.
  if (resp.statusCode !== 200) {
    console.log(`Received error response code: ${resp.statusCode}`);
    console.log('Response body:');
    console.log(resp.bodyStr);
    return;
  }

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

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

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

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

  // {
  //   "data": {
  //     "shop": {
  //       "id": "gid:\/\/shopify\/Shop\/24198053",
  //       "name": "chilkat",
  //       "description": null,
  //       "email": "admin@chilkatsoft.com"
  //     }
  //   },
  //   "extensions": {
  //     "cost": {
  //       "requestedQueryCost": 1,
  //       "actualQueryCost": 1,
  //       "throttleStatus": {
  //         "maximumAvailable": 1000.0,
  //         "currentlyAvailable": 999,
  //         "restoreRate": 50.0
  //       }
  //     }
  //   }
  // }

  // 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 shopId = jResp.stringOf('data.shop.id');
  const shopName = jResp.stringOf('data.shop.name');
  const shopDescription = jResp.stringOf('data.shop.description');
  const shopEmail = jResp.stringOf('data.shop.email');
  const costRequestedQueryCost = jResp.intOf('extensions.cost.requestedQueryCost');
  const costActualQueryCost = jResp.intOf('extensions.cost.actualQueryCost');
  const costThrottleStatusMaximumAvailable = jResp.stringOf('extensions.cost.throttleStatus.maximumAvailable');
  const costThrottleStatusCurrentlyAvailable = jResp.intOf('extensions.cost.throttleStatus.currentlyAvailable');
  const costThrottleStatusRestoreRate = jResp.stringOf('extensions.cost.throttleStatus.restoreRate');

  console.log(`Shop name: ${shopName}`);
  // ...
}