Faire une requête API à ChatGPT 4 avec Next.js en utilisant Javascript

Mar 30 2023
Prérequis : Vous devez avoir été sur la liste d'attente Chat GPT 4 et avoir été accepté en recevant un e-mail dans les lignes de "Vous pouvez maintenant accéder aux modèles GPT-4 avec un contexte 8K via l'API OpenAI existante". Le bouton "Commencer" n'est pas utile car il vous amène simplement à une page de présentation.

Conditions préalables:

Vous devez avoir été sur la liste d'attente Chat GPT 4 et avoir été accepté en recevant un e-mail dans les lignes de "Vous pouvez maintenant accéder aux modèles GPT-4 avec un contexte 8K via l'API OpenAI existante". Le bouton "Commencer" n'est pas utile car il vous amène simplement à une page de présentation.

Comment faire la demande d'API GPT-4 en utilisant Next.js et Javascript :

  1. Créez une nouvelle clé API ici (vos anciennes pourraient ne pas fonctionner)
  2. Créer un nouveau projet Next.js
  3. Installez OpenAI à l'aide de votre terminal ($ npm i openai)
  4. Dans le dossier /pages/api de votre projet, créez un nouveau fichier (par exemple gpt4.js)
  5. Collez le code ci-dessous dans votre fichier et insérez votre propre clé 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 });
    }
    

Fournir un contexte
L'API Chat GPT-4 ne "se souvient" pas de vos réponses comme lors de son utilisation dans le navigateur. Pour avoir une conversation avec lui, vous devez constamment mettre à jour et lui fournir la conversation précédente pour le contexte.

Vous y parvenez en enregistrant la réponse précédente et en l'ajoutant au tableau de messages chaque fois que vous effectuez une nouvelle demande d'API/un nouveau message de chat. Dans l'exemple ci-dessus, il y a 3x messages précédents de l'utilisateur et de GPT-4 combinés et le 4ème est le "nouveau" auquel GPT-4 doit répondre.

Vérifiez quel modèle vous utilisez. Vous
n'êtes pas sûr si vous obtenez réellement des réponses ChatGPT 4 ou GPT3 / 3.5 Turbo ? J'ai trouvé que vous obteniez des réponses peu fiables si vous demandez à ChatGPT quel modèle il utilise. Le moyen le plus simple de vérifier est de visiter votre page d'utilisation de l'API qui vous indique le modèle que vous utilisez pour les demandes d'API.

Ajouter un mode de paiement
Je ne pense pas que vous puissiez utiliser GPT-4 sans ajouter de carte de crédit - ou du moins j'ai vu des problèmes de quota avec des utilisateurs qui viennent de recevoir l'invitation API. Pour éviter cela, ajoutez simplement une carte de crédit - l'API est à un prix très raisonnable.

Utilisation des derniers packages
Assurez-vous d'utiliser le dernier package NPM OpenAI - au moment de la rédaction de cet article, la version 3.2.1 est publiée.

https://johanfriedner.com/