Cách triển khai Chat-GPT api trong vanilla javascript

Apr 22 2023
Để triển khai API ChatGPT trong vanilla JavaScript, bạn có thể làm theo các bước sau: Xử lý phản hồi API: Sau khi thực hiện lệnh gọi API, bạn có thể xử lý phản hồi trong phương thức `.then()`.

Để triển khai API ChatGPT trong vanilla JavaScript, bạn có thể làm theo các bước sau:

  1. Đăng ký khóa API: Bạn cần đăng ký khóa API để truy cập API ChatGPT. Bạn có thể lấy khóa API bằng cách đăng ký API trên trang web OpenAI.

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);

Xử lý phản hồi API: Sau khi thực hiện lệnh gọi API, bạn có thể xử lý phản hồi trong phương thức `.then()`. Trong ví dụ trên, chúng tôi đang ghi phản hồi được tạo vào bảng điều khiển. Bạn có thể sửa đổi điều này để hiển thị phản hồi trong giao diện trò chuyện của mình.