如何制作一个ChatGPT聊天页面 | ChatGPT国产化思路

暂停公告

由于人数过多，导致出现较高的消费，暂时停止了公益使用的界面

基本上可以看到每5分钟请求差不多是10W左右的tokens

Openai API的费用是0.02美元/1000 tokens，也就是目前消费是5分钟2美元，一天约567美元，故暂时无限制的策略不能为大家提供稳定的体验

相关阅读

杂谈

前面我们分享了很多ChatGPT玩法，今天我们分享一期ChatGPT国产化的教程。我们的思路是通过OpenAI中的text-davinci-003模型自带的API进行搭建。虽然与现在的ChatGPT网页版还是有一定差距，但是比网上自己设计接口转发ChatGPT网页版的聊天内容方式要更稳定、响应更快。

效果截图

在线体验

由于不限制热心网友们的体验，因此可能会有不菲的支出。

如果热心网友可以贡献apikey或者捐助我们肯定会更好的保障长期聊天的体验。

源码下载

源码部署

如果你想自己部署一个类似的页面，请参考下面的教程

以下源码来自@Chanzhaoyu

安装Nodejs

首先，你需要安装nodejs18以上的版本

• Windows 下载地址https://npmmirror.com/mirrors/node/v18.12.1/node-v18.12.1-x64.msi
• Mac 下载地址https://npmmirror.com/mirrors/node/v18.12.1/node-v18.12.1.pkg
• Linux 如果你之前安装了Nodejs，可以直接使用n 18.12.1来安装18.12.1版本

前端部署

修改配置文件

.env文件中需要配置你后端的域名，我们这里前后端是分别使用2个域名的哦！

# Glob API URL
VITE_GLOB_API_URL=/api

VITE_APP_API_BASE_URL=http://chatgpt.iculture.cc/

安装依赖及启动

如果你没有yarn，可以在安装完npm后使用

npm install -g yarn

然后使用yarn命令安装环境

yarn install

安装完成后会有node_modules文件夹

之后你可以使用yarn dev启动项目，如果是使用宝塔面板，你可以参考下面的方法，点击添加Node项目

然后添加chat

之后宝塔提供了比较人性化的启动方式，在服务状态中可以点击开启，下面图片是我已经开启过了的

后端部署

修改配置文件

.env文件中需要添加上你在Openai中的apikey

# OpenAI API Key - https://platform.openai.com/overview
OPENAI_API_KEY= 填写你的apikey

apikey需要按需去Openai官网申请

安装依赖

这里我们需要注意的是后端是在整个文件的service中

后面我们给的宝塔部署方法，可以直接将service里的文件夹上传到服务器

同样方式，可以说是换汤不换药，这里是用pnpm来安装依赖，如果你没有可以先使用npm安装个pnpm

npm install -g pnpm

然后使用pnpm安装依赖

pnpm install

之后类似方式启动

pnpm prod

下面介绍宝塔启动方式，添加方式类似

值得注意的是这里的域名要与前端配置文件中的VITE_APP_API_BASE_URL变量填写的域名一致

之后启动即可