如何通过 Axios 和 JavaScript 使用 OpenAI API

领先的 AI 研究实验室 OpenAI 创建了一个强大的 API,允许开发人员利用尖端的 AI 功能并使用 GPT3 等生成语言模型。在本教程中,我们将向您展示如何将 OpenAI API 与 Axios 和 JavaScript 结合使用,让您一窥由 AI 驱动的 Web 开发的未来。

Axios 是一个流行的 JavaScript 库,用于发出 HTTP 请求并与 API 集成,使其成为访问 OpenAI API 的完美工具。如果您的笔记本电脑没有声音怎么办无论您是经验丰富的开发人员还是刚刚起步,本指南都将逐步介绍如何将 OpenAI API 与 Axios 和 JavaScript 结合使用,以便您立即开始创建创新的 AI 驱动的应用程序。

您可以在以下网址找到有关 Axios 库的更多信息:https://axios-http.com/:

如何通过 Axios 和 JavaScript 使用 OpenAI API_第1张图片

检索 OpenAI API 密钥

要获取 OpenAI API 的 API 密钥,您需要在 OpenAI 网站 (https://openai.com/) 上注册一个免费的 OpenAI 帐户:

如何通过 Axios 和 JavaScript 使用 OpenAI API_第2张图片

要注册一个帐户,请单击主页右上角的“注册”按钮,然后按照提示创建一个新帐户。创建帐户后,您可以通过访问帐户设置的“API”部分来获取 API 密钥。

在“API”部分,您会找到一个标有“生成 API 密钥”的按钮。单击此按钮可生成一个新的 API 密钥,然后您可以使用该密钥从您的 Web 应用程序向 OpenAI API 发出请求。请务必妥善保管您的 API 密钥,不要与其他任何人共享。

如何通过 Axios 和 JavaScript 使用 OpenAI API_第3张图片

设置项目

让我们通过首先创建一个新的项目文件夹来设置 JavaScript 项目:

$ mkdir openai-axios
$ cd openai-axios

在该新项目文件夹中,使用 Node.js 包管理器 (NPM) 创建一个新的初始 package.json 文件。这是先决条件,以便我们能够使用 NPM 安装更多依赖项:

$ npm init -y

运行此命令时,您应该能够在控制台上看到写入 package.json 的内容:

如何通过 Axios 和 JavaScript 使用 OpenAI API_第4张图片

接下来,使用 NPM 安装包 dotenv 和 axios。

$ npm install dotenv axios

Dotenv 是一个零依赖模块,它将环境变量从 .env 文件加载到 process.env 中。我们将使用一个环境变量来存储我们从 OpenAI 仪表板检索到的 API 密钥。

接下来我们需要在项目文件夹中创建两个文件:

$ touch index.js .env

使用 Axios 访问 OpenAI API

首先让我们在 .env 中创建一个环境变量:

OPENAI_API_KEY=[INSERT YOUR OPENAI API KEY HERE]

接下来切换到文件 index.js 并从以下代码行开始:

const axios = require("axios");

需要此 require 语句来包含 Axios 库。需要另一个 require 语句来激活 dotenv 库并使环境变量可通过 process.env 访问。

const apiKey = process.env.OPENAI_API_KEY;

接下来我们使用 axios.create 方法创建一个 Axios 客户端实例。同时,我们设置了一个包含 OpenAI API 密钥的授权标头:

const client = axios.create({
  headers: {
    Authorization: "Bearer " + apiKey,
  },
});

让我们使用 Axios 客户端对象向 OpenAI API 端点之一发送 HTTP POST 请求:

const params = {
  prompt: "How are you?",
  model: "text-davinci-003",
  max_tokens: 10,
  temperature: 0,
};

client
  .post("https://api.openai.com/v1/completions", params)
  .then((result) => {
    console.log(result.data.choices[0].text);
  })
  .catch((err) => {
    console.log(err);
  });

此代码使用 Axios 库向 OpenAI API 发送 HTTP POST 请求。向端点“https://api.openai.com/v1/completions”发出请求。OpenAI API 的这个端点允许开发人员为给定的提示生成文本完成。

params 对象是一个 JavaScript 对象,其中包含 API 请求的参数,包括要完成的提示、要使用的模型、要生成的令牌的最大数量以及生成时要使用的温度。

该请求是使用客户端对象的 .post() 方法发出的。.post() 方法有两个参数:URL 端点和参数对象。

使用 Promise .then() 方法处理对请求的响应,该方法在请求成功时调用。API 返回的结果对象连同响应数据的选择数组中的第一个选择的文本一起记录到控制台。

如果出现错误,将调用 Promise .catch() 方法。它将错误消息记录到控制台,允许开发人员诊断 API 请求的任何问题。

以下清单包含 index.js 的完整源代码:

const axios = require("axios");

require("dotenv").config();

const apiKey = process.env.OPENAI_API_KEY;

const client = axios.create({
  headers: {
    Authorization: "Bearer " + apiKey,
  },
});

const params = {
  prompt: "How are you?",
  model: "text-davinci-003",
  max_tokens: 10,
  temperature: 0,
};

client
  .post("https://api.openai.com/v1/completions", params)
  .then((result) => {
    console.log(result.data.choices[0].text);
  })
  .catch((err) => {
    console.log(err);
  });

让我们使用 node 命令运行应用程序:

$ node index.js

作为输出,您应该能够看到由 OpenAI 生成和返回的响应:

如何通过 Axios 和 JavaScript 使用 OpenAI API_第5张图片

结论

本教程提供了有关如何在 JavaScript 中开始使用 OpenAI API 和 Axios 的综合指南,从设置环境到进行首次 API 调用。我们希望本指南有助于向您展示如何利用 AI 的力量并推动项目创新。

你可能感兴趣的:(ai)