如何通过 Axios 和 JavaScript 使用 OpenAI API

这篇具有很好参考价值的文章主要介绍了如何通过 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

检索 OpenAI API 密钥

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

如何通过 Axios 和 JavaScript 使用 OpenAI API

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

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

如何通过 Axios 和 JavaScript 使用 OpenAI API

设置项目

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

$ mkdir openai-axios
$ cd openai-axios

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

$ npm init -y

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

如何通过 Axios 和 JavaScript 使用 OpenAI API

接下来,使用 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

结论

本教程提供了有关如何在 JavaScript 中开始使用 OpenAI API 和 Axios 的综合指南,从设置环境到进行首次 API 调用。我们希望本指南有助于向您展示如何利用 AI 的力量并推动项目创新。文章来源地址https://www.toymoban.com/news/detail-468182.html

到了这里,关于如何通过 Axios 和 JavaScript 使用 OpenAI API的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 如何使用OpenAI API和Python SDK构建自己的聊天机器人

    近日,OpenAI公司的ChatGPT模型走红网络。同时,OpenAI也推出了Chat API和gpt-3.5-turbo模型,让开发者能够更轻松地使用与ChatGPT类似的自然语言处理模型。 通过OpenAI API,我们可以使用gpt-3.5-turbo模型,实现多种任务,包括:撰写电子邮件或其他文本内容,编写Python代码,创建对话代

    2024年02月01日
    浏览(46)
  • API接口:如何通过使用手机归属地查询

     随着手机普及率的不断增加,手机号码的信息查询也成为了一个非常实用的功能。本文将介绍如何通过使用手机归属地查询API接口实现查询手机号码所在地的功能。 首先,我们需要一个可以查询手机号码所在地的API接口。目前市面上有很多免费或付费的API接口可供选择,如

    2024年02月15日
    浏览(56)
  • 通过微软Azure调用GPT的接口API-兼容平替OpenAI官方的注意事项

    众所周知,我们是访问不通OpenAI官方服务的,但是我们可以自己通过代理或者使用第三方代理访问接口 现在新出台的规定禁止使用境外的AI大模型接口对境内客户使用,所以我们需要使用国内的大模型接口 国内的效果真的很差,现在如果想使用GPT大模型,可以使用微软Azure的

    2024年02月12日
    浏览(46)
  • 如何获取OpenAI API Key

    PS: 基于网友的反馈,内容进行了添加图片和说明。--2024.5.7 更多AI相关资讯,大家可以 访问:Python学习导航 --人生苦短,我用Python   PS;以下连接,你要可以魔法访问网络,就是要有小飞机,梯子。不然连接打不开。 如果不懂,我就不多说了,不想去踩缝纫机。 要获取 O

    2023年04月18日
    浏览(41)
  • 【Ajax】如何通过axios发起Ajax请求

    ✍️ 作者简介: 前端新手学习中。 💂 作者主页: 作者主页查看更多前端教学 🎓 专栏分享:css重难点教学   Node.js教学 从头开始学习   ajax学习 Axios是专注于网络数据请求的库,相比于原生的XMLHttpRequest对象,axios简单易用。相比于Jquery,axios更加轻量化,只专注于网络数据请

    2024年02月02日
    浏览(59)
  • 如何获取 ChatGPT 的 OpenAI API 密钥

    为什么需要 OpenAI API 密钥? 拥有 OpenAI API 密钥可以解锁多种强大的功能。您可以享受以下一些好处: 访问先进的人工智能模型 OpenAI 开发了 GPT-3 和 Codex 等多种先进的人工智能模型。借助 API 密钥,您可以利用这些模型的功能来执行自然语言理解和生成、代码编写、翻译等任

    2024年02月03日
    浏览(51)
  • 淘宝商品API使用示例:如何通过调用外部API来获取淘宝商品价格销量主图详情数据

    淘宝上的商品信息量非常之大,商品的详情信息也很齐全。如何通过调用外部API来实现批量获取商品价格销量主图详情等信息呢?上周刚好完成了一个完整的淘宝商品采集项目,今天特来分享一下。 接口名称:item_get 请求地址:https://api-test.cn/taobao/item_get result_type:[json,jso

    2024年02月10日
    浏览(47)
  • 【译】OpenAI 的 Sora 如何通过涌现能力反噬物理世界

    原作:Jamie W 引言:当我第一次看到Sora演示视频时,我产生了一个惊人的想法:这个奇迹是否是由UE5和Render的结合驱动的?还有其他什么方式可以如此生动地呈现出咖啡杯海盗船上汹涌澎湃的海洋或者速度飞驰汽车后面翻滚扬尘呢? /Gemini翻译/ 然而,一位视觉算法专家迅速否

    2024年03月27日
    浏览(46)
  • openAI API简易使用教程

    创建openAI 账号(https://platform.openai.com/overview),右上角personal,创建API key。 2. 安装包 tiktoken 是用来计算每次查询时的token数,因为openAI是根据token数计费,不是必须安装。 api key 可以直接明文写在代码中,也可以通过环境变量方式获取 openAI提供了几种不同场景的模型,主要

    2024年01月17日
    浏览(38)
  • 在vue中使用 axios 访问 API

    Vue 不像 jQuery 内置了 ajax 请求函数,在 Vue 中没有提供这样的功能。所以当我们需要在 Vue 中和服务端进行通信的时候可选择的方式会更灵活一些。 所以 Vue 给了我们更多的选择空间,例如我们可以使用下面的可选方案: 原生的 XMLHttpRequest 原生的 Fetch 也可以结合使用 jQuery 自

    2024年02月11日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包