바닐라 자바스크립트에서 Chat-GPT API를 구현하는 방법

바닐라 자바스크립트에서 ChatGPT API를 구현하려면 다음 단계를 따르세요.

1. API 키 등록: ChatGPT API에 액세스하려면 API 키를 등록 해야 합니다 . OpenAI 웹 사이트에서 API에 가입하면 API 키를 얻을 수 있습니다.

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

API 응답 처리: API를 호출하면 `.then()` 메서드에서 응답을 처리할 수 있습니다. 위의 예에서는 생성된 응답을 콘솔에 기록하고 있습니다. 이를 수정하여 채팅 인터페이스에 응답을 표시할 수 있습니다.