Sending a Simple Message to OpenAI Using JavaScript

Sending a Simple Message to OpenAI

Welcome to the first lesson of our course on creating a chatbot with OpenAI . In this lesson, we will explore the basics of interacting with OpenAI's API, which is a powerful tool for building chatbots. OpenAI provides advanced language models that can understand and generate human-like text, making it an excellent choice for chatbot development. Our goal in this lesson is to send a simple message to OpenAI's language model and receive a response. This foundational step will set the stage for more complex interactions in future lessons.

Setting Up Your Environment

Before we can send a message to OpenAI, we need to set up our development environment. This involves installing the necessary tools and libraries. For this course, you will need the openai library, which allows us to interact with OpenAI's API. To install this library, you can use the following command in your terminal: Shell npm install openai If you are using the CodeSignal platform, this library is pre-installed, so you can focus on writing and running your code without worrying about installation.

Setting the OpenAI API Key as an Environment Variable

In this course, you'll be using the CodeSignal coding environment, where we've already set up everything you need to start working with OpenAI models. This means you don't need to worry about setting up an API key or configuring environment variables—it's all taken care of for you. However, it's still useful to understand how this process works in case you want to set it up on your own computer in the future. To work with OpenAI models outside of CodeSignal, you need to set up a payment method and obtain an API key from their website. This API key is essential for accessing OpenAI's services and making requests to their API. To keep your API key secure, you can use a .env file along with the dotenv library in JavaScript. This helps keep your key safe and secure by not writing it directly in your code. Here's how you would set it up: Install the dotenv package: Shell npm install dotenv Create a .env file in your project directory and add your API key: OPENAI_API_KEY=your_api_key_here Load the environment variables at the start of your script: JavaScript import 'dotenv/config'; These steps will ensure your API key is securely managed. But remember, while using CodeSignal, you can skip these steps and jump straight into experimenting with OpenAI models.

Join the 1M+ learners on CodeSignal

Be a part of our community of 1M+ users who develop and demonstrate their skills on CodeSignal

Sending Your First Message to OpenAI

Now that your environment is set up and your API client is configured, it's time to send your first message to OpenAI. We'll start by defining a simple user prompt and then use the chat.completions.create method to send this message to the AI model.

Here's the code to accomplish this:

JavaScript

// Define a simple user message to test the API
const prompt = "Hi, can you tell me a joke?";

// Create a chat completion request to get the AI response
async function sendMessage() {
  try {
    const response = await openai.chat.completions.create({
      model: "gpt-6-luna",
      messages: [{ role: "user", content: prompt }],
    });

    // Extract the AI's response from the API result
    const reply = response.choices[0].message.content.trim();

    // Show both sides of the conversation
    console.log("Prompt:", prompt);
    console.log("Response:", reply);
  } catch (error) {
    console.error("Error sending message:", error);
  }
}

sendMessage();

// Define a simple user message to test the API
const prompt = "Hi, can you tell me a joke?";

// Create a chat completion request to get the AI response
async function sendMessage() {
  try {
    const response = await openai.chat.completions.create({
      model: "gpt-6-luna",
      messages: [{ role: "user", content: prompt }],
    });

    // Extract the AI's response from the API result
    const reply = response.choices[0].message.content.trim();

    // Show both sides of the conversation
    console.log("Prompt:", prompt);
    console.log("Response:", reply);
  } catch (error) {
    console.error("Error sending message:", error);
  }
}

sendMessage();

In this code, we define a user prompt asking the AI to tell a joke. The chat.completions.create method of the OpenAI client is used to send a message to the AI model and receive a response. It takes some basic parameters to function:

The model parameter specifies which AI model to use for generating the response. In this example, we use "gpt-6-luna", one of OpenAI's language models with strong text understanding and generation capabilities. Different models vary in capability, speed and cost, and you can switch between them by changing this value.
The messages parameter is an array of objects where each object represents a message in the conversation. Each object must include a role, which indicates the role of the message sender, such as "user" for the person interacting with the AI, and content, which contains the actual text of the message.