Bima Saputra
Cara Menggunakan OpenAI API dengan Javascript
 # Cara Menggunakan OpenAI API dengan Javascript 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: ```bash 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. ```bash 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.
Kedatangan Sang Samudra
# Kedatangan Sang Samudra **by: Bima Saputra** # ###### Sang Poseidon, dalam keraguan mengeja kekuatannya ###### Memperdebatkan antara keberadaan dan kekosongan ###### Apakah ini adalah kebijaksanaan yang bijaksana ###### Atau hanya ilusi yang merayap dalam kehampaan # ###### Poseidon merenungkan samudra sepanjang hari ###### Kekuatan baru yang mengintai di dalam batinnya ###### Seperti Eros yang mengalir dalam darah dewa, ###### Sebuah konsepsi baru yang menyala di langit-nya # ###### Namun, dalam gelapnya lautan pikirannya ###### Poseidon menemukan dirinya dalam konflik ###### Antara kebingungannya dan ketakutan ###### Di antara dunia dan tempat yang lebih tinggi # ###### Seribu tahun berlalu sebelum kekuatan itu menemukan dirinya ###### Tapi apakah ini takdir yang seharusnya dijalani? ###### Poseidon terombang-ambing di lautan pikiran ###### Di antara khayal dan realita, di sini, ia tersandung
Pertempuran Chaitra
# Pertempuran Chaitra **by: Bima Saputra** # ###### Di medan perang, prajurit Bhadrapada sendiri ###### Sinar mentari memantulkan kilau arunika di tangan ###### Derap langkah mereka, menggetarkan indera pendengar ###### Prajurit terhormat, siap menghadapi prema yang memanggil # ###### Aroma darah yang tebal, terbawa angin yang berhembus ###### Mengisi jiwa mereka, membangkitkan semangat amerta yang tak tergoyahkan ###### Namun sorakan diwa yang tak dapat dilawan ###### Prajurit sendiri, dalam pertarungan batin yang andala dan tak kenal lelah # ###### Suguhkan aroma harum, dari bunga melati yang merekah ###### Di tengah medan yang sunyi, mereka menceritakan kisah ragawacana ###### Dalam ketenangan yang rapuh, terdengar bisikan hati mereka ###### Harapan-harapan terpendam, agar dharma tidak murka