Javascript를 사용하여 Next.js로 ChatGPT 4에 API 요청하기

Mar 30 2023
전제 조건: Chat GPT 4 대기자 명단에 있어야 하고 "이제 기존 OpenAI API를 통해 8K 컨텍스트로 GPT-4 모델에 액세스할 수 있습니다"라는 이메일을 수신하여 승인을 받아야 합니다. "시작하기" 버튼은 개요 페이지로 이동하기 때문에 도움이 되지 않습니다.

전제 조건:

Chat GPT 4 대기자 명단에 있어야 하고 "이제 기존 OpenAI API를 통해 8K 컨텍스트로 GPT-4 모델에 액세스할 수 있습니다"라는 이메일을 수신하여 승인을 받아야 합니다. "시작하기" 버튼은 개요 페이지로 이동하기 때문에 도움이 되지 않습니다.

Next.js 및 Javascript를 사용하여 GPT-4 API 요청을 만드는 방법:

  1. 여기에서 새 API 키를 생성합니다 (이전 키는 작동하지 않을 수 있음).
  2. 새 Next.js 프로젝트 만들기
  3. 터미널을 사용하여 OpenAI 설치($ npm i openai)
  4. 프로젝트의 /pages/api 폴더에서 새 파일(예: gpt4.js)을 만듭니다.
  5. 아래 코드를 파일에 붙여넣고 자신의 API 키를 삽입하십시오.
  6. const { Configuration, OpenAIApi } = require("openai");
    
    export default async function handler(req, res) {
    
      const configuration = new Configuration({
        apiKey: "<INSERT-API-KEY-HERE>",
      });
    
      const openai = new OpenAIApi(configuration);
    
      const response = await openai.createChatCompletion({
        model: "gpt-4",
        messages: [
          { role: "system", content: "You are a helpful assistant." },
          { role: "user", content: "Who won the world series in 2020?" },
          { role: "assistant", content: "The Los Angeles Dodgers." },
          { role: "user", content: "Where was it played?" },
        ],
        max_tokens: 50,
        n: 1,
        stop: null,
        temperature: 1,
      });
    
      res.status(200).json({ answer: response.data.choices[0].message.content });
    }
    

컨텍스트 제공
채팅 GPT-4 API는 브라우저에서 사용할 때처럼 응답을 "기억"하지 않습니다. 대화를 나누려면 컨텍스트를 위해 이전 대화를 지속적으로 업데이트하고 제공해야 합니다.

이전 응답을 저장하고 새 API 요청/채팅 메시지를 만들 때마다 메시지 배열에 추가하면 됩니다. 위의 예에서 사용자와 GPT-4가 결합한 3x 이전 메시지가 있으며 4번째 메시지는 GPT-4가 응답할 "새 메시지"입니다.

사용 중인 모델을 확인하세요.
실제로 ChatGPT 4 응답을 받는지 아니면 GPT3/3.5 Turbo를 받는지 확실하지 않으세요? 어떤 모델을 사용하고 있는지 ChatGPT에 물어보면 신뢰할 수 없는 응답을 받는 것을 발견했습니다. 가장 쉬운 확인 방법은 API 요청에 사용 중인 모델을 알려주는 API 사용 페이지를 방문하는 것입니다.

결제 수단 추가
신용 카드를 추가하지 않고는 GPT-4를 사용할 수 없다고 생각합니다. 또는 적어도 방금 API 초대를 받은 사용자의 할당량 문제를 본 적이 있습니다. 이를 방지하려면 신용 카드를 추가하기만 하면 됩니다. API의 가격은 매우 합리적입니다.

최신 패키지 사용
최신 NPM OpenAI 패키지를 사용하고 있는지 확인하세요 . 이 게시물을 작성할 당시 버전 3.2.1이 릴리스되었습니다.

https://johanfriedner.com/