React Native

OpenAI (ChatGPT) Create Chat Completion

See more OpenAI ChatGPT Examples

Shows how to create a model response for a given chat conversation. React Native

import { Http, HttpResponse, 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 https://api.openai.com/v1/chat/completions \
  //   -H "Content-Type: application/json" \
  //   -H "Authorization: Bearer $OPENAI_API_KEY" \
  //   -d '{
  //     "model": "gpt-3.5-turbo",
  //     "messages": [{"role": "user", "content": "Hello!"}]
  //   }'

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

  // Use this online tool to generate code from sample JSON:
  // Generate Code to Create JSON

  // The following JSON is sent in the request body.

  // {
  //   "model": "gpt-3.5-turbo",
  //   "messages": [
  //     {
  //       "role": "user",
  //       "content": "Hello!"
  //     }
  //   ]
  // }

  const json = new JsonObject();
  json.updateString('model', 'gpt-3.5-turbo');
  json.updateString('messages[0].role', 'user');
  json.updateString('messages[0].content', 'Hello!');

  // Adds the "Authorization: Bearer $OPENAI_API_KEY" header.
  // This is NOT a real key.  Change the "sk-vi...." to your own key.
  http.authToken = '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';
  http.setRequestHeader('Content-Type', 'application/json');

  const resp = new HttpResponse();
  try {
    await http.httpJsonAsync('POST', 'https://api.openai.com/v1/chat/completions', json, 'application/json', resp);
  } catch {
    console.log(http.lastErrorText);
    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)

  // {
  //   "id": "chatcmpl-123",
  //   "object": "chat.completion",
  //   "created": 1677652288,
  //   "choices": [
  //     {
  //       "index": 0,
  //       "message": {
  //         "role": "assistant",
  //         "content": "\n\nHello there, how may I assist you today?"
  //       },
  //       "finish_reason": "stop"
  //     }
  //   ],
  //   "usage": {
  //     "prompt_tokens": 9,
  //     "completion_tokens": 12,
  //     "total_tokens": 21
  //   }
  // }

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

  let index = 0;
  let role = '';
  let content = '';
  let finishReason = '';

  const id = jResp.stringOf('id');
  const vObject = jResp.stringOf('object');
  const created = jResp.intOf('created');
  const promptTokens = jResp.intOf('usage.prompt_tokens');
  const completionTokens = jResp.intOf('usage.completion_tokens');
  const totalTokens = jResp.intOf('usage.total_tokens');
  let i = 0;
  const countI = jResp.sizeOfArray('choices');
  while (i < countI) {
    jResp.i = i;
    index = jResp.intOf('choices[i].index');
    role = jResp.stringOf('choices[i].message.role');
    content = jResp.stringOf('choices[i].message.content');
    finishReason = jResp.stringOf('choices[i].finish_reason');
    i++;
  }
}