ChatGPTのAPIをJSから呼び出す方法

@ハクト 2023-05-11 19:15:47に投稿

JSコード

以下のコードでJSからChatGPTのAPIが使用できます。

const sendChat = (text, chatGptApiKey) => {

    // OpenAIのエンドポイントURLを定義。
    const endPoint = "https://api.openai.com/v1/chat/completions";
    const modelName = "gpt-3.5-turbo"; // 使用するモデルの名前を定義。

    // チャットの初期メッセージを定義
    const messages = [
      {
        role: "system", //役割
        content: '英語の先生として振る舞ってください。'
      },
      {
        role: "assistant", //AIからの回答
        content: "Hello, I'm an English teacher. "
      },
      {
        role: "user", // ユーザーからのメッセージ 
        content: text
      }
    ];

    // リクエストオプション
    const requestOptions = {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
        Authorization: `Bearer ${chatGptApiKey}`
      },
      body: JSON.stringify({
        model: modelName,
        messages: messages,
        max_tokens: 700 //レスポンスのトークンの最大数
      })
    };

    // Requestオブジェクトを作成。
    const myRequest = new Request(endPoint, requestOptions);

    // fetch APIを使用してリクエストを送信
    fetch(myRequest)
      .then(res => res.json()) // レスポンスをJSONとしてパース
      .then(json => {
        // JSONレスポンスからメッセージを取得してコンソールに出力
        console.log(json.choices[0].message.content);
      })
    .catch(err => {
      // エラー発生時の処理をここに書く
    });
}

//chatGPTにメッセージとChatGPTのAPIキーを指定
sendChat('hello','sk-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx');

@ハクト

サービス作り・デザイン好き。70年代生まれのWEBエンジニア。WEBパーツをCSSでカスタマイズしてコピペできるサービスを運営中「Pa-tu」。実装したWEBパーツやツールを利用してWEB情報やライフハックを発信してます。

Twitter