So implementieren Sie die Chat-GPT-API in Vanilla-Javascript

Apr 22 2023
Um die ChatGPT-API in Vanilla-JavaScript zu implementieren, können Sie die folgenden Schritte ausführen: Behandeln Sie die API-Antwort: Sobald Sie den API-Aufruf durchführen, können Sie die Antwort in der Methode „.then()“ verarbeiten.

Um die ChatGPT-API in Vanilla-JavaScript zu implementieren, können Sie die folgenden Schritte ausführen:

  1. Registrieren Sie sich für einen API-Schlüssel: Sie müssen sich für einen API-Schlüssel registrieren , um auf die ChatGPT-API zugreifen zu können. Sie können den API-Schlüssel erhalten, indem Sie sich auf der OpenAI-Website für die API anmelden.

const prompt = 'Hello, how are you?';
      const maxTokens = 2000;
      const model = 'text-davinci-003';
      const user = '1';
      const temperature = 0.5;
      const frequencyPenalty = 0.0;
      const apiKey = 'YOUR_API_KEY';

      const response = await fetch('https://api.openai.com/v1/completions', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          Authorization: `Bearer ${apiKey}`,
        },
        body: JSON.stringify({
          prompt,
          max_tokens: maxTokens,
          model,
          user,
          temperature,
          frequency_penalty: frequencyPenalty,
        }),
      });
      const data = await response.json();
      console.log(data.choices[0].text);

Behandeln Sie die API-Antwort: Sobald Sie den API-Aufruf durchführen, können Sie die Antwort in der Methode „.then()“ verarbeiten. Im obigen Beispiel protokollieren wir die generierte Antwort in der Konsole. Sie können dies ändern, um die Antwort in Ihrer Chat-Oberfläche anzuzeigen.