JavaScript'te fetch ile AI API'ye sohbet istekleri

Giriş

JavaScript, modern web geliştirme ortamında en yaygın kullanılan dillerden biridir. Fetch API ile farklı hizmetlere erişmek ve etkileşimde bulunmak mümkündür. Bu rehberde, JavaScript kullanarak fetch yardımıyla bir AI sohbet servisine istek gönderme teknikleri açıklanacaktır.

Öncelikle, fetch metodunun temel yapısını anlamak gerekir. HTTP isteklerini yönetmek için kullanılır. Özellikle GET, POST gibi yöntemleri destekler. Bir AI sohbet servisine bağlanırken genellikle POST yöntemi tercih edilir. Çünkü istek gövdesi içinde değişken veriler taşınır.

Temel Adımlar

İlk adım, istek gönderilecek endpoint adresinin belirlenmesidir. API anahtarı ve doğrulama bilgileri de bu aşamada hazırlanmalıdır. İkinci adım olarak, istek gövdesi JSON formatında oluşturulur. Gövde içinde kullanıcı mesajı, sohbet geçmişi ve tercih edilen model bilgisi yer alabilir. Üçüncü adım ise fetch çağrısının yapılmasıdır. Dördüncü adım, sunucudan gelen yanıtın işlenmesidir.

Kod Örneği

Aşağıda basit bir fetch isteği örneği yer almaktadır:

const apiKey = 'sizin_api_anahtarınız';
const apiUrl = 'https://api.openai.com/v1/chat/completions';

async function sendChatMessage(message) {
  const response = await fetch(apiUrl, {
    method: 'POST',
    headers: {
      'Authorization': `Bearer ${apiKey}`,
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({
      model: 'gpt-3.5-turbo',
      messages: [{ role: 'user', content: message }]
    })
  });
  const data = await response.json();
  return data.choices[0].message.content;
}

sendChatMessage('Merhaba, nasılsın?').then(console.log);

Bu kod parçası, bir kullanıcı mesajını API'ye gönderir ve yanıt içeriğini döndürür. await anahtar kelimesi asenkron işlemin tamamlanmasını bekler.

Yanıt İşleme

API'den dönen yanıt genellikle bir JSON nesnesidir. Bu nesne içinde choice dizisi bulunur. Her choice, message objesi barındırır. message objesinde ise role ve content gibi alt alanlar yer alır. Yanıtı güvenli şekilde kullanabilmek için null kontrolleri yapmak önemlidir. Özellikle yanıt boş geldiğinde veya hata oluştuğunda programın çökmemesi gerekir.

Hata Yönetimi

İnternet bağlantısı koparsa, API anahtarı geçersizse veya sunucu yanıt vermezse hata alınabilir. Bu durumları yakalamak için try-catch blokları kullanılmalıdır. Ayrıca fetch başarısız olduğunda HTTP durum kodunu kontrol etmek faydalı olur. 4xx istemci hatası, 5xx sunucu hatası olarak sınıflandırılabilir.

try {
  const result = await sendChatMessage('Ne yapabilirsin?');
  console.log(result);
} catch (error) {
  console.error('Sohbet isteği başarısız:', error.message);
}

Performans ve Güvenlik İpuçları

API anahtarını asla istemci tarafında açıkça paylaşmamak gerekir. Anahtarları sunucu tarafında saklamak ve sadece sunucudan istek yaptırmak daha güvenlidir. Ayrıca istek sıklığını sınırlamak ve gereksiz tekrarları önlemek önemlidir. Büyük sohbet geçmişi gönderildiğinde veri boyutu artar, bu da yanıt süresini uzatır. Mümkünse sadece son birkaç mesajı gönderecek şekilde filtreleme yapılabilir.

Sonuç

JavaScript fetch API'si, AI sohbet servislerine bağlanmak için yeterli esnekliği sağlar. Kodun temiz, hata yönetimi yapılandırılmış ve güvenlik önlemleri alınmış halde yazılması uzun vadede daha az sorun çıkarır. Bu rehberdeki adımları takip ederek kendi sohbet uygulamalarını kurmak mümkündür.