Pada tutorial ini, Anda akan belajar bagaimana menambahkan sebuah titik akhir untuk layanan Chat dalam aplikasi Node.js Anda. Tujuan kami adalah untuk membuat sebuah titik akhir GET sederhana untuk URL /api/chat yang kemudian akan memberikan respons kepada Client. Titik akhir ini akan terhubung dengan API OpenAI untuk menghasilkan kelengkapan Chat. Mari kita mulai dan ikuti langkah-langkah yang diperlukan.
Temuan Utama
- Membuat titik akhir GET dalam aplikasi Node.js
- Menggunakan JSON untuk pengiriman data
- Integrasi dengan API OpenAI untuk kelengkapan Chat
Panduan Langkah demi Langkah
Langkah 1: Membuat Folder API
Untuk memastikan kode yang bersih, Anda sebaiknya membuat folder khusus untuk titik akhir API Anda. Di proyek React Anda, Anda harus membuat subfolder baru dengan nama API di bawah direktori pages.
Langkah 2: Membuat File chat.js
Di folder API yang baru saja dibuat, buat file baru dengan nama chat.js. File ini akan berisi kode Node.js yang akan menangani permintaan GET.
Langkah 3: Implementasi Penanganan GET
Anda harus mendefinisikan penangan GET di file chat.js yang telah Anda buat. Penangan ini akan menangani permintaan yang masuk ke URL /api/chat. Penting bahwa fungsi ini dinamai get, karena ini merupakan persyaratan agar dikenali sebagai penangan GET dalam Astro.
Langkah 4: Mengeluarkan Respon Sederhana
Untuk saat ini, Anda dapat mengembalikan respons JSON sederhana. Gunakan new Response() dan inisialisasi Respons dengan JSON.stringify(), untuk meng-serialisasi objek yang berisi properti jawaban. Untuk respon uji pertama ini, Anda bisa hanya menyetelnya sebagai "Hello".
Langkah 5: Menetapkan Status dan Header
Selain mengembalikan isi Respons, Anda juga dapat menambahkan kode status dan header. Atur status ke 200, yang berarti permintaan berhasil, dan tentukan Content-Type sebagai application/json, agar client mengenali respons sebagai JSON.
Langkah 6: Pengujian Titik Akhir di Browser
Setelah semua disiapkan, Anda dapat menguji titik akhir tersebut. Buka browser Anda dan arahkan ke lingkungan pengembangan lokal Anda dengan mengakses URL http://localhost:3000/api/chat. Anda seharusnya melihat respons yang Anda definisikan pada fase sebelumnya.
Langkah 7: Memeriksa Pengembalian yang Benar
Jika Anda memasukkan URL dan melihat respons JSON yang benar di browser, itu berarti penangan GET Anda berfungsi. Implementasi sederhana ini akan menjadi dasar untuk pengembangan selanjutnya, di mana Anda akan mengintegrasikan API OpenAI untuk kelengkapan Chat.
Langkah 8: Memperluas ke API OpenAI
Pada sesi mendatang, kami akan memperluas titik akhir yang sudah diimplementasikan untuk mengambil kelengkapan Chat dari API OpenAI. Meskipun begitu, titik akhir saat ini telah memberikan pemahaman dasar yang diperlukan untuk interaksi HTTP melalui API.
Ringkasan
Pada tutorial ini, Anda telah belajar bagaimana membuat titik akhir GET sederhana untuk aplikasi Node.js Anda yang mengembalikan respon JSON. Implementasi dasar ini akan menjadi dasar untuk pengembangan selanjutnya, khususnya untuk integrasi dengan API OpenAI yang akan kita bahas dalam video berikutnya.
Pertanyaan Umum
Bagaimana cara membuat subfolder di proyek saya?Anda dapat membuat subfolder di proyek Anda dengan membuat folder baru dengan nama API di direktori pages.
Mengapa penting bagi penangan GET saya dinamai get?Dalam Astro, nama penangan adalah penting untuk pengenalan permintaan HTTP yang sesuai.
Bagaimana cara menguji titik akhir baru saya?Masukkan URL http://localhost:3000/api/chat ke browser Anda untuk memeriksa respons dari penangan GET Anda.
Apa yang akan dibahas dalam video selanjutnya?Pada video selanjutnya, kami akan memperluas titik akhir yang sudah ada untuk mengambil kelengkapan Chat dari API OpenAI.