从零开始，国内实现调用Open Ai

A等天晴 2023-06-17 原文

前言：

这是一个简单的思路，部分参考来自GPT-4。

实际可以直接参考本人主页的另一篇

《宝塔快速反代openai官方的API接口，实现国内直接使用GPT》。

1.搭建一个基于Node.js的简单代理服务器：

2.使用第三方代理服务：

结尾

一：获取API。

这里就不细说，不会的看这篇《申请普通GPT-4账号等待GPT-4 API开放的过程》或者私信我。

二：网页制作

设计一个网页界面：为了让用户能够与GPT交互，你需要创建一个简单的网页界面，包括一个输入框（用于用户输入问题）和一个显示区域（用于展示ChatGPT的回答）。

创建一个基本的HTML文件，添加输入框、按钮和显示结果的区域。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ChatGPT示例</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <h1>ChatGPT 示例</h1>
        <textarea id="input-text" placeholder="请输入您的问题..."></textarea>
        <button id="submit-button">发送</button>
        <div id="output-text"></div>
    </div>
    <script src="script.js"></script>
</body>
</html>

创建一个CSS文件（例如：styles.css）来美化你的网页。

body {
    font-family: Arial, sans-serif;
    background-color: #f2f2f2;
}

.container {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
}

textarea {
    width: 100%;
    height: 100px;
    padding: 10px;
    resize: none;
    margin-bottom: 10px;
}

button {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

#output-text {
    margin-top: 20px;
    text-align: left;
}

三.安装必要的库：确保已安装axios库，用于在JavaScript中发起HTTP请求。你可以通过npm或者在HTML文件中引入CDN链接来安装。

如果你使用npm：

npm install axios

如果你在HTML文件中引入CDN链接：

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

四创建一个JavaScript文件（例如：script.js）来处理与 GPT-API的交互。

document.getElementById("submit-button").addEventListener("click", async () => {
    const inputText = document.getElementById("input-text").value;
    const outputText = document.getElementById("output-text");

    if (inputText) {
        const response = await fetchChatGPTResponse(inputText);
        outputText.innerHTML = response;
    } else {
        outputText.innerHTML = "请输入问题。";
    }
});

async function fetchChatGPTResponse(inputText) {
    const api_key = "your_api_key_here";
    const api_url = "https://api.openai.com/v1/engines/davinci-codex/completions";
    const prompt = `请回答以下问题：\n问题：${inputText}\n回答：`;

    const response = await fetch(api_url, {
        method: "POST",
        headers: {
            "Content-Type": "application/json",
            "Authorization": `Bearer ${api_key}`
        },
        body: JSON.stringify({
            prompt: prompt,
            max_tokens: 100,
            n: 1,
            stop: null,
            temperature: 1,
        }),
    });

    const data = await response.json();
    return data.choices[0].text.trim();
}

注意：记得用你自己的API密钥替换your_api_key_here。

五，因为在国内是无法直接调用的，你需要使用代理服务器来实现调用API。

在这里，我将向你展示如何搭建一个基于Node.js的简单代理服务器，并提供一个使用第三方代理服务的示例。

1.搭建一个基于Node.js的简单代理服务器：

首先，确保你已经安装了Node.js。接下来，按照以下步骤创建一个代理服务器：

a. 创建一个新的文件夹，例如命名为proxy-server，然后在文件夹中运行npm init，按照提示创建一个package.json文件。

b. 安装所需的依赖项：express和http-proxy-middleware。运行以下命令：

npm install express http-proxy-middleware

c. 在proxy-server文件夹中创建一个名为app.js的文件，并添加以下代码：

const express = require("express");
const { createProxyMiddleware } = require("http-proxy-middleware");

const app = express();
const port = process.env.PORT || 3000;

app.use(express.json());

app.post("/", (req, res) => {
  const targetURL = req.headers["target-url"];

  if (!targetURL) {
    res.status(400).send("Target-URL header is missing.");
    return;
  }

  delete req.headers["target-url"];

  app.use(
    "/",
    createProxyMiddleware({
      target: targetURL,
      changeOrigin: true,
      pathRewrite: { "^/": "" },
      onProxyReq: (proxyReq, req) => {
        Object.assign(proxyReq.headers, req.headers);
      },
    })
  );

  res.sendStatus(200);
});

app.listen(port, () => {
  console.log(`Proxy server is running at http://localhost:${port}`);
});

d. 保存文件并在proxy-server文件夹中运行node app.js。现在你的代理服务器已经在本地运行了。

你可以将此代理服务器部署到云服务提供商，如腾讯云、阿里云或其他类似的服务。

2.使用第三方代理服务：

这里以ProxyCrawl作为示例,

ProxyCrawl是一个提供代理服务的第三方公司。你可以在它们的官方网站上注册并获取API密钥。

在注册并获取API密钥后，你可以修改你的script.js文件，使用ProxyCrawl服务。将fetchChatGPTResponse函数修改为：

async function fetchChatGPTResponse(inputText) {
    const api_key = "your_chatgpt_api_key_here";
    const api_url = "https://api.openai.com/v1/engines/davinci-codex/completions";
    const apify_proxy_username = "auto";
    const apify_proxy_password = "your_apify_api_key_here";
    const proxy_url = "http://proxy.apify.com:8000";
    const prompt = `请回答以下问题：\n问题：${inputText}\n回答：`;

    const response = await fetch(proxy_url, {
        method: "POST",
        headers: {
            "Content-Type": "application/json",
            "Authorization": `Bearer ${api_key}`,
            "Proxy-Authorization": `Basic ${btoa(`${apify_proxy_username}:${apify_proxy_password}`)}`
        },
        body: JSON.stringify({
            prompt: prompt,
            max_tokens: 100,
            n: 1,
            stop: null,
            temperature: 1,
        }),
    });

    const data = await response.json();
    return data.choices[0].text.trim();
}

请确保将your_chatgpt_api_key_here替换为你的GPT API密钥，将your_apify_api_key_here替换为你的Apify API密钥。

现在，你已经修改了script.js文件，可以使用Apify代理服务访问GPT API。

示例二：

这里以使用第三方代理服务"Apify"为例。首先，你需要访问Apify官网（https://apify.com/）在注册并获取API密钥后，修改script.js文件中的fetchChatGPTResponse函数，使用Apify代理服务：

在注册并获取API密钥后，修改script.js文件中的fetchChatGPTResponse函数，使用Apify代理服务：

async function fetchChatGPTResponse(inputText) {
    const api_key = "your_chatgpt_api_key_here";
    const api_url = "https://api.openai.com/v1/engines/davinci-codex/completions";
    const apify_proxy_username = "auto";
    const apify_proxy_password = "your_apify_api_key_here";
    const proxy_url = "http://proxy.apify.com:8000";
    const prompt = `请回答以下问题：\n问题：${inputText}\n回答：`;

    const response = await fetch(proxy_url, {
        method: "POST",
        headers: {
            "Content-Type": "application/json",
            "Authorization": `Bearer ${api_key}`,
            "Proxy-Authorization": `Basic ${btoa(`${apify_proxy_username}:${apify_proxy_password}`)}`
        },
        body: JSON.stringify({
            prompt: prompt,
            max_tokens: 100,
            n: 1,
            stop: null,
            temperature: 1,
        }),
    });

    const data = await response.json();
    return data.choices[0].text.trim();
}

请确保将your_chatgpt_api_key_here替换为你的ChatGPT API密钥，将your_apify_api_key_here替换为你的Apify API密钥。

现在，你已经修改了script.js文件，可以使用Apify代理服务访问ChatGPT API。

注意：在使用Apify或其他第三方代理服务时，请注意了解其服务条款、隐私政策以及可能产生的费用。

结尾：

这只是一个简单的思路，具体问题具体分析，88~

Open Ai xff code E5 人工智能 javascript 服务器后端 chatgpt

有关从零开始，国内实现调用Open Ai的更多相关文章

ruby - 如何根据特征实现 FactoryGirl 的条件行为 - 2
我有一个用户工厂。我希望默认情况下确认用户。但是鉴于unconfirmed特征，我不希望它们被确认。虽然我有一个基于实现细节而不是抽象的工作实现，但我想知道如何正确地做到这一点。factory:userdoafter(:create)do|user,evaluator|#unwantedimplementationdetailshereunlessFactoryGirl.factories[:user].defined_traits.map(&:name).include?(:unconfirmed)user.confirm!endendtrait:unconfirmeddoenden
使用 ACL 调用 upload_file 时出现 Ruby S3 "Access Denied"错误 - 2
我正在尝试编写一个将文件上传到AWS并公开该文件的Ruby脚本。我做了以下事情:s3=Aws::S3::Resource.new(credentials:Aws::Credentials.new(KEY,SECRET),region:'us-west-2')obj=s3.bucket('stg-db').object('key')obj.upload_file(filename)这似乎工作正常，除了该文件不是公开可用的，而且我无法获得它的公共(public)URL。但是当我登录到S3时，我可以正常查看我的文件。为了使其公开可用，我将最后一行更改为obj.upload_file(file
c# - 如何在 ruby 中调用 C# dll？ - 2
如何在ruby中调用C#dll？最佳答案我能想到几种可能性:为您的DLL编写(或找人编写)一个COM包装器，如果它还没有，则使用Ruby的WIN32OLE库来调用它；看看RubyCLR,其中一位作者是JohnLam，他继续在Microsoft从事IronRuby方面的工作。(估计不会再维护了，可能不支持.Net2.0以上的版本)；正如其他地方已经提到的，看看使用IronRuby，如果这是您的技术选择。有一个主题是here.请注意，最后一篇文章实际上来自JohnLam(看起来像是2009年3月)，他似乎很自在地断言RubyCL
java - 从 JRuby 调用 Java 类的问题 - 2
我正在尝试使用boilerpipe来自JRuby。我看过guide从JRuby调用Java，并成功地将它与另一个Java包一起使用，但无法弄清楚为什么同样的东西不能用于boilerpipe。我正在尝试基本上从JRuby中执行与此Java等效的操作:URLurl=newURL("http://www.example.com/some-location/index.html");Stringtext=ArticleExtractor.INSTANCE.getText(url);在JRuby中试过这个:require'java'url=java.net.URL.new("http://www
ruby - 调用其他方法的 TDD 方法的正确方法 - 2
我需要一些关于TDD概念的帮助。假设我有以下代码defexecute(command)casecommandwhen"c"create_new_characterwhen"i"display_inventoryendenddefcreate_new_character#dostufftocreatenewcharacterenddefdisplay_inventory#dostufftodisplayinventoryend现在我不确定要为什么编写单元测试。如果我为execute方法编写单元测试，那不是几乎涵盖了我对create_new_character和display_invent
华为OD机试用Python实现 -【明明的随机数】 2023Q1A - 2
华为OD机试题本篇题目：明明的随机数题目输入描述输出描述：示例1输入输出说明代码编写思路最近更新的博客华为od2023|什么是华为od，od薪资待遇，od机试题清单华为OD机试真题大全，用Python解华为机试题|机试宝典【华为OD机试】全流程解析+经验分享,题型分享,防作弊指南华为o
【鸿蒙应用开发系列】- 获取系统设备信息以及版本API兼容调用方式 - 2
在应用开发中，有时候我们需要获取系统的设备信息，用于数据上报和行为分析。那在鸿蒙系统中，我们应该怎么去获取设备的系统信息呢，比如说获取手机的系统版本号、手机的制造商、手机型号等数据。1、获取方式这里分为两种情况，一种是设备信息的获取，一种是系统信息的获取。1.1、获取设备信息获取设备信息，鸿蒙的SDK包为我们提供了DeviceInfo类，通过该类的一些静态方法，可以获取设备信息，DeviceInfo类的包路径为：ohos.system.DeviceInfo.具体的方法如下：ModifierandTypeMethodDescriptionstatic StringgetAbiList()Obt
Observability：从零开始创建 Java 微服务并监控它（二） - 2
这篇文章是继上一篇文章“Observability：从零开始创建Java微服务并监控它（一）”的续篇。在上一篇文章中，我们讲述了如何创建一个Javaweb应用，并使用Filebeat来收集应用所生成的日志。在今天的文章中，我来详述如何收集应用的指标，使用APM来监控应用并监督web服务的在线情况。源码可以在地址 https://github.com/liu-xiao-guo/java_observability 进行下载。摄入指标指标被视为可以随时更改的时间点值。当前请求的数量可以改变任何毫秒。你可能有1000个请求的峰值，然后一切都回到一个请求。这也意味着这些指标可能不准确，你还想提取最小/
基于C#实现简易绘图工具【100010177】 - 2
C#实现简易绘图工具一.引言实验目的:通过制作窗体应用程序(C#画图软件),熟悉基本的窗体设计过程以及控件设计,事件处理等,熟悉使用C#的winform窗体进行绘图的基本步骤,对于面向对象编程有更加深刻的体会.Tutorial任务设计一个具有基本功能的画图软件**·包括简单的新建文件,保存,重新绘图等功能**·实现一些基本图形的绘制,包括铅笔和基本形状等,学习橡皮工具的创建**·设计一个合理舒适的UI界面**注明:你可能需要先了解一些关于winform窗体应用程序绘图的基本知识,以及关于GDI+类和结构的知识二.实验环境Windows系统下的visualstudio2017C#窗体应用程序三.
C51单片机——实现用独立按键控制LED亮灭（调用函数篇） - 2
说在前面这部分我本来是合为一篇来写的，因为目的是一样的，都是通过独立按键来控制LED闪灭本质上是起到开关的作用，即调用函数和中断函数。但是写一篇太累了，我还是决定分为两篇写，这篇是调用函数篇。在本篇中你主要看到这些东西！！！1.调用函数的方法（主要讲语法和格式）2.独立按键如何控制LED亮灭3.程序中的一些细节（软件消抖等）1.调用函数的方法思路还是比较清晰地，就是通过按下按键来控制LED闪灭，即每按下一次，LED取反一次。重要的是，把按键与LED联系在一起。我打算用K1来作为开关，看了一下开发板原理图，K1连接的是单片机的P31口，当按下K1时，P31是与GND相连的，也就是说，当我按下去时

从零开始，国内实现调用Open Ai

一：获取API。

二：网页制作

三.安装必要的库：确保已安装axios库，用于在JavaScript中发起HTTP请求。你可以通过npm或者在HTML文件中引入CDN链接来安装。

四 创建一个JavaScript文件（例如：script.js）来处理与 GPT-API的交互。

五 ，因为在国内是无法直接调用的，你需要使用代理服务器来实现调用API。

1.搭建一个基于Node.js的简单代理服务器：

2.使用第三方代理服务：

结尾：

有关从零开始，国内实现调用Open Ai的更多相关文章

随机推荐

四创建一个JavaScript文件（例如：script.js）来处理与 GPT-API的交互。

五，因为在国内是无法直接调用的，你需要使用代理服务器来实现调用API。