Cara Menggunakan OpenAI API dengan Javascript

4 min readOct 6, 2023

Mungkin kalian sudah pernah mendengar tentang ChatGPT, chatbot yang dikembangkan oleh OpenAI. OpenAI adalah perusahaan yang mengembangkan teknologi AI, dan mereka telah merilis API yang memungkinkan para developer untuk mengakses model-model AI mereka. Dalam artikel ini, kita akan mencoba memakai OpenAI API dengan JavaScript.

Persiapan Proyek

Pertama, pastikan kita telah menginstall NodeJS untuk menjalankan program javascript kita. Jika kalian belum menginstall NodeJS kalian dapat mendownloadnya pada link berikut ini (https://nodejs.org/en/download).

Kita juga akan membutuhkan koneksi internet untuk mengakses API OpenAI. Selain itu, kita perlu mendaftar di OpenAI dan mendapatkan API Key kita.

Mendapatkan API Key OpenAI

Untuk mendapatkan API Key OpenAI kita perlu sign up terlebih dahulu pada website OpenAI-nya (https://openai.com/).

Setelah membuat akun, pilih menu “API”. Kemudian di halaman “Overview”, klik “Personal” lalu pilih “View API keys”.

Kemudian untuk membuat API Keynya, disini kita bisa klik “Create new secret key”. Setelah membuat API Keynya pastikan untuk tidak menyebar luarkan API Key tersebut ke orang lain.

Membuat Projek NodeJS

Buka terminal dan navigasikan ke direktori tempat kita ingin membuat proyek baru. Kemudian, buat direktori proyek dengan perintah berikut:

mkdir openai-api
cd openai-api

Setelah masuk ke dalam direktori baru tersebut, kita akan menginisialisasi file package.json. Dengan begitu kita akan dapat menginstall berbagai dependensi pada projek kita.

npm init -y

Setelah menjalankan kode tersebut, kamu akan melihat hal seperti ini di terminal mu:

Instalasi Dependensi

Untuk menggunakan OpenAI API di JavaScript, kita perlu menginstall beberapa dependencies. Salah satunya adalah “dotenv” untuk mengelola variabel yang tidak bisa kita share dan “openai” untuk mengakses API itu sendiri. Kita dapat menginstalnya dengan menggunakan npm (Node Package Manager):

npm install dotenv openai

Sekarang, mari buat file index.js untuk menulis kode program Javascript kita dan juga file .env untuk menyimpan API Key yang sudah kita buat tadi.

touch index.js .env

Konfigurasi API Key

Setelah menginstal dependencies dan membuat file .env, kita perlu mengisi file .env dengan API Key OpenAI kita seperti berikut:

OPENAI_KEY=YOUR_OPENAI_API_KEY

Gantilah YOUR_OPENAI_API_KEY dengan kunci API kita yang sebenarnya.

Menulis Kode JavaScript

Sekarang, mari buat kode JavaScript untuk mengakses API OpenAI dan menghasilkan konten yang kita inginkan. Di bawah ini adalah contoh kode yang akan membuat bot pembuat soal sederhana dengan meminta bot untuk membuat 5 soal tentang tumbuhan:

Bagian 1: Konfigurasi .env file

require('dotenv').config()

Ini mengimpor konfigurasi dari file .env menggunakan modul dotenv, yang biasanya digunakan untuk menyimpan informasi rahasia seperti kunci API.

Bagian 2: Mengimpor dan Menginisialisasi OpenAI API

const OpenAI = require('openai')
const openai = new OpenAI({
  apiKey: process.env.OPENAI_KEY,
})

Ini mengimpor modul openai dan menginisialisasi koneksi ke OpenAI API dengan menggunakan API Key yang telah kita tambahkan di file .env tadi.

Bagian 3: Membuat Chatbot dan Menghasilkan Respons

const input = 'buatkan 5 soal tentang tumbuhan'
const generateChat = async () => {
  try {
    const response = await openai.chat.completions.create({
      model: 'gpt-3.5-turbo',
      messages: [
        { role: 'system', content: 'kamu adalah bot pembuat soal' },
        { role: 'user', content: input },
      ],
    })
    console.log(response.choices[0].message)
  } catch (error) {
    console.log('[CONVERSATION_ERROR]', error)
  }
}
generateChat()

Ini adalah inti program. Dalamnya, ada sebuah input yang diberikan kepada model GPT-3.5 Turbo untuk menghasilkan respons, yakni membuat 5 soal tentang tumbuhan. Ada beberapa model lain yang bisa kalian pakai (lihat disini). Lalu, fungsi generateChat() dipanggil untuk memulai interaksi dengan chatbot. Kemudian respons dari model akan dicetak ke konsol.

Dan ini adalah kode akhirnya:

require('dotenv').config()
const OpenAI = require('openai')

const openai = new OpenAI({
  apiKey: process.env.OPENAI_KEY,
})
const input = 'buatkan 5 soal tentang tumbuhan'
const generateChat = async () => {
  try {
    const response = await openai.chat.completions.create({
      model: 'gpt-3.5-turbo',
      messages: [
        { role: 'system', content: 'kamu adalah bot pembuat soal' },
        { role: 'user', content: input },
      ],
    })
    console.log(response.choices[0].message)
  } catch (error) {
    console.log({error})
  }
}
generateChat()

Tulis kode di atas dalam file index.js yang sudah kita buat.

Menjalankan Kode

Terakhir, kita dapat menjalankan kode JavaScript dengan menggunakan Node.js. Buka terminal kita, arahkan ke direktori proyek, dan jalankan perintah berikut:

node index.js

Kita akan melihat bot kita menghasilkan soal-soal tentang JavaScript sesuai dengan permintaan kita.

Kesimpulan

Demikianlah langkah-langkah untuk menggunakan OpenAI API di JavaScript. Dengan mengikuti panduan ini, semoga kamu dapat terbantu dalam mengintegrasikan API OpenAI ke dalam proyek JavaScript mu.