API OpenAI: Mengirimkan laporan pengguna melalui URL

Dalam panduan ini kami akan menunjukkan cara menggunakan API OpenAI untuk memproses laporan pengguna. Pada video sebelumnya, kami menggunakan teks tetap ("hallo"), tetapi sekarang kami ingin memperkenalkan kemampuan untuk meneruskan teks yang diberikan pengguna melalui URL. Penting bagi Anda untuk memahami dasar-dasar cara mengekstrak URL-parameter dan meneruskannya ke API untuk mengizinkan interaksi yang dipersonalisasi dengan kecerdasan buatan (AI).

Temuan Utama

• Anda akan belajar cara meneruskan teks pengguna sebagai Query-Parameter dalam URL dan berkomunikasi dengan API OpenAI.
• Anda juga akan mengetahui konfigurasi yang diperlukan dalam proyek Anda untuk mendukung fungsionalitas ini.

Panduan Langkah-demi-Langkah

Untuk dapat mengimplementasikannya, ikuti panduan langkah-demi-langkah ini.

Langkah 1: Persiapan

Pertama-tama, pastikan bahwa Anda telah mengatur API OpenAI dengan benar. Pada video sebelumnya kami menunjukkan cara memanggil API dan menggunakan string tetap. Anda seharusnya telah menyelesaikan konfigurasi dasar proyek Anda.

Langkah 2: Meneruskan Teks Pengguna Melalui URL

Sekarang kami ingin memungkinkan untuk meneruskan teks dinamis. Ini akan dikirimkan ke aplikasi kami melalui URL sebagai Query-Parameter. Parameter-parameter yang berada setelah tanda tanya dalam URL adalah penting untuk metode ini.

Pada langkah ini, kami akan mengintegrasikan logika untuk mengekstrak Parameter Pesan yang diharapkan dari URL. Parameter yang ingin kita gunakan disebut msg dan akan diakses oleh url.searchParams.get("msg").

Langkah 3: Memproses Pesan

Setelah kita mengekstrak teks, kita harus menggunakannya dalam permintaan API. Di sini kita harus memastikan bahwa teks yang diteruskan benar-benar dikirimkan ke API.

Jika selama pengujian Anda menerima pesan kesalahan seperti "Bad Request", itu menunjukkan masalah dalam pengiriman pesan. Periksa bahwa parameter pesan baru disampaikan dengan benar dalam permintaan.

Langkah 4: Memperbaiki Kesalahan

Mungkin masih ada beberapa masalah dengan konfigurasi. Pastikan bahwa Anda meneruskan semua parameter yang diperlukan dengan benar ke aplikasi. Jika Anda menggunakan string tetap untuk pengujian dan itu berhasil, Anda bisa memastikan bahwa kesalahan terletak pada parameter yang diekstraksi.

Langkah 5: Menyesuaikan Konfigurasi Astro

Sebuah elemen penting adalah konfigurasi proyek Anda di Astro. Anda harus memastikan bahwa Nilai Output diatur ke Server. Ini memungkinkan rendering di sisi server dan karenanya ekstraksi Parameter URL yang benar.

Perubahan ini penting karena memungkinkan Anda untuk mengekstrak parameter dengan benar dan meneruskannya ke API.

Langkah 6: Menguji Aplikasi

Sekarang Anda harus menguji aplikasi. Cobalah berbagai masukan di URL untuk melihat tanggapan apa yang Anda dapatkan dari API. Permintaan contoh bisa berupa: ?msg=Hello World.

Jawabannya akan ditampilkan di browser dan seharusnya merespons dengan benar terhadap permintaan Anda. Jika semuanya berfungsi dengan benar, Anda sudah bisa melihat interaksi pertama dengan kecerdasan buatan.

Langkah 7: Perluasan dan Kesimpulan

Pada langkah terakhir, kita ingin memperluas sistem. Alih-alih hanya mengirimkan satu teks ke API, sekarang Anda juga bisa menyertakan seluruh riwayat obrolan. Ini memungkinkan untuk menjalani percakapan yang lebih alami.

Untuk video selanjutnya, Anda akan melihat bagaimana Anda dapat mengembangkan aplikasi React Anda untuk menciptakan antarmuka yang lebih ramah pengguna.

Ringkasan

Pada tutorial ini, Anda telah belajar bagaimana menggunakan API OpenAI untuk mengirimkan laporan pengguna melalui parameter URL. Anda sekarang memahami langkah-langkah penting dalam persiapan, pemrosesan, dan pengujian aplikasi Anda.