JavaScript'te AI API: fetch ile sohbet isteği

<title>JavaScript'te Fetch ile AI API'ye Sohbet İsteği Gönderme</title>

JavaScript ile AI API Entegrasyonu

JavaScript, modern web uygulamalarında yapay zeka yeteneklerini kullanmak için güçlü bir araçtır. Browser ve Node.js ortamında çalışan fetch API'si, HTTP istekleri göndermek için standart yöntem haline gelmiştir. Açık AI uyumlu API'lerle entegrasyon kurarken, JavaScript'in async/await yapısı özellikle sade ve okunabilir kod yazmamızı sağlar.

Bu rehberde, JavaScript kullanarak bir AI sohbet API'sine nasıl istek göndereceğinizi adım adım öğreneceksiniz.

Temel API İstek Yapısı

API'ye gönderilecek istek, genellikle JSON formatında bir body içerir. En temel düzeyde şu alanlara ihtiyaç duyarsınız:

• model: Kullanılacak dil modelinin adı
• messages: Sohbet geçmişini içeren mesaj dizisi
• temperature: Yaratıcılık derecesini belirleyen parametre (0-1 arası)

Sohbet geçmişi, "system", "user" ve "assistant" rollerine sahip mesajlardan oluşur. Her mesaj, içerik metni ve rolleri barındıran bir nesne olarak tanımlanır.

Pratik Örnek: Basit Sohbet İsteği

Aşağıdaki örnek, basit bir soru-cevap senaryosunu gösterir:

async function sohbategitsi() {
  const response = await fetch('https://api.apicloud.com.tr/v1/chat/completions', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'Authorization': 'Bearer YOUR_API_KEY'
    },
    body: JSON.stringify({
      model: 'gpt-4o-mini',
      messages: [
        { role: 'user', content: 'JavaScript nedir?' }
      ],
      temperature: 0.7
    })
  });

  const data = await response.json();
  console.log(data.choices[0].message.content);
}

Bu kod parçası, bir AI modelinden JavaScript hakkında bilgi ister ve yanıtı konsola yazdırır. API anahtarınızı güvenli bir şekilde yönetmeye ve hata durumlarını ele almaya dikkat edin.

Çoklu Mesaj Destekli Sohbet Geçmişi

Gerçek sohbet uygulamalarında, diyalog geçmişini korumak önemlidir. Birden fazla mesaj ekleyerek AI'nın bağlamı hatırlamasını sağlayabilirsiniz:

const mesajlar = [
  { role: 'system', content: 'Sen yardımcı bir asistansın.' },
  { role: 'user', content: 'Merhaba!' },
  { role: 'assistant', content: 'Merhaba! Size nasıl yardımcı olabilirim?' },
  { role: 'user', content: 'Hava durumu nasıl?' }
];

const body = {
  model: 'gpt-4o-mini',
  messages: mesajlar,
  temperature: 0.5
};

Sistem mesajı, AI'nın davranış kalıbını önceden belirler. Kullanıcı ve asistan mesajları ise diyalogun akışını oluşturur. Bu yapı, uzun soluklu konuşmalarda tutarlılık sağlar.

Hata Yönetimi ve Performans İpuçları

API isteklerinde karşılaşılabilecek hataları ele almak için try-catch bloğu kullanın. Ağ sorunları, geçersiz anahtarlar veya limit aşımı gibi durumlar kullanıcıya uygun mesajlarla bildirilmelidir.

Ayrıca, istekler arasında beklenme süresi ve retry mekanizmaları göz önünde bulundurulmalıdır. Özellikle kullanıcı deneyimini bozmamak için yüksekleme (streaming) seçenekleri de değerlendirilebilir.

apicloud.com.tr platformu üzerinden OpenAI uyumlu API'lere erişim sağlayarak, farklı modelleri test etme ve projelerinize entegre etme fırsatına sahip olursunuz. Kullandığınız API'nin dokümantasyonunu incelemek, doğru parametreleri seçmeniz açısından faydalı olacaktır.

JavaScript ile AI entegrasyonu, teknik becerilerinizi geliştirmenin yanı sıra yenilikçi web uygulamaları geliştirmenize de olanak tanır. Adım adım ilerleyerek, kendi sohbet uygulamalarınızı oluşturabilirsiniz.