前端初学者如何接入ChatGPT

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

Axios 是一个流行的 JavaScript 库，用于发出 HTTP 请求并与 API 集成，使其成为访问 OpenAI API 的完美工具。无论您是经验丰富的开发人员还是刚刚起步，希望本文能对你有帮助 ~

您可以在以下网址找到有关 Axios 库的更多信息

Github: https://github.com/axios/axios
官网: https://axios-http.com/

第一步：获取OpenAI API密钥

要获取 OpenAI API 的 API 密钥，您需要在 OpenAI 网站 ( https://openai.com/ )上注册一个免费的 OpenAI 帐户：
如果你不会注册用户，这里有份非常详细指南：

https://github.com/hardwellwell/FreePAC/wiki/ChatGPT%E6%B3%A8%E5%86%8C%E6%95%99%E7%A8%8B%EF%BC%88%E5%AE%8C%E6%95%B4%E6%8C%87%E5%8D%97%EF%BC%89

注册成功后，登录 https://platform.openai.com/

在“API”部分，您会找到一个标有“生成 API 密钥”的按钮。单击此按钮可生成一个新的 API 密钥，然后您可以使用该密钥从您的 Web 应用程序向 OpenAI API 发出请求。

第二步：设置项目

新建项目

• 创建一个新的项目文件夹来设置 JavaScript 项目

$ mkdir openai-axios 
$ cd openai-axios

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

$ npm init -y

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

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

$ npm install dotenv axios

完整代码

这个是完整代码：

// index.js

const axios = require("axios");

require("dotenv").config();

const apiKey = [OPENAI_API_KEY]; // 你的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);
  });

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

运行

node index.js

结果