Features > ChatGPT Integration

ChatGPT is a robust AI model that you can incorporate into your NuxtStarter app. It's an excellent method to integrate AI-powered chatbots into your application. 🤖

Firstly, include your OPENAI_API_KEY to your .env file.

Then, you can utilize the ChatGPT API in two ways:

1. ChatGPT Assistant

Inside your NuxtStarter app, you can directly utilize the ChatGPT API by sending a POST request to the API endpoint. Go to the /libs/gpt.ts and check out the sendChatGPTCompletion method.
Pass this function the messages you wish to send to the ChatGPT, and it will provide the response. It includes built-in custom retry logic, so you don't need to concern yourself with managing retries. ☀️

/libs/gpt.ts

  ....
  const body = JSON.stringify({
    model: "gpt-4", // gpt-4, gpt-3.5-turbo, etc
    messages, // array of message objects with role and content. e.g. [{role: "user", content: "What's the weather in San Francisco?"}]
    max_tokens: max, // max tokens to generate in the response
    temperature: temp, // temperature of the response, higher is more random
    user: userId, // user id
  });

  const options = {
    headers: {
      Authorization:  `Bearer ${process.env.OPENAI_API_KEY}`, // place in your API key here or use environment variables
      "Content-Type": "application/json",
    },
  };

  try {
    // Custom retry delay
    axiosRetry(axios, {
      retryDelay: (retryCount) => {
        return retryCount * 1;
      },
      retries: 15,
    });

    const res = await axios.post(url, body, options);

    const answer = res.data.choices[0].message.content;
    const usage = res?.data?.usage;

    console.log(">>> " + answer);
    console.log(
      "TOKENS USED: " +
        usage?.total_tokens +
        " (prompt: " +
        usage?.prompt_tokens +
        " / response: " +
        usage?.completion_tokens +
        ")"
    );
    console.log("
");

    return answer;
  } catch (e) {
    console.error("GPT Error: " + e?.response?.status, e?.response?.data);
    return null;
  }
};

    

Here below is an example of a messages array for sendChatGPTCompletion function.

const messages = 
      [
        {
          role: "user",
          content: "What's the weather in San Francisco?",
        },
        {
          role: "assistant",
          content: "I can help with that. Let me check...",
        }
      ];
        

2. ChatGPT for Function Calling

You can also utilize the ChatGPT completion API to determine which function to call based on the user's input. This is beneficial when you want to develop a chatbot capable of invoking different functions based on the user's input.

Inside /libs/gpt.ts , simply use sendChatGPTFunctions by providing the user messages and the available functions you want to choose from, ChatGPT will automatically determine which function to call based on the user's input, along with any parameters needed.

Here there is an example of a tools array to use sendChatGPTFunctions function to call a function based on the user's input.

/libs/gpt.ts

  const tools = [  // List of available functions, called tools.
    {
      "type": "function",
      "function": {
        "name": "get_current_weather",
        "description": "Get the current weather in a given location",
        "parameters": {
          "type": "object",
          "properties": {
            "location": {
              "type": "string",
              "description": "The city and state, e.g. San Francisco, CA",
            },
            "unit": {"type": "string", "enum": ["celsius", "fahrenheit"]},
          },
          "required": ["location"],
        },
      }
    }
  ];

   const body = JSON.stringify({
    model: "gpt-3.5-turbo", // gpt-4, gpt-3.5-turbo, etc
    messages, // array of message objects with role and content. e.g. [{role: "user", content: "What's the weather in San Francisco?"}]
    max_tokens: max, // max tokens to generate in the response
    temperature: temp, // temperature of the response, higher is more random
    tools: tools, // array of available function objects
    tool_choice: "auto", // let ChatGPT decide when and which function to call
  });

  const options = {
    headers: {
      Authorization: `Bearer ${process.env.OPENAI_API_KEY}`, // place in your API key here or use environment variables
      "Content-Type": "application/json",
    },
  };

  try {
    // Custom retry delay
    axiosRetry(axios, {
      retryDelay: (retryCount) => {
        return retryCount * 1;
      },
      retries: 15,
    });

    const res = await axios.post(url, body, options);

    const toolCalls = res.data.choices[0].message.tool_calls;
    const usage = res?.data?.usage;

    console.log(
      "TOKENS USED: " +
        usage?.total_tokens +
        " (prompt: " +
        usage?.prompt_tokens +
        " / response: " +
        usage?.completion_tokens +
        ")"
    );

    return toolCalls;
  } catch (e) {
    console.error("GPT Error: " + e?.response?.status, e?.response?.data);
    return null;
  }
};

        