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

作者：FancyPig | 发布时间： | 更新时间：

暂停公告

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

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

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

相关阅读

ChatGPT相关玩法ChatGPT社区
data-postsbox="{"id":32109,"title":"基于AI制作虚拟数字人动画 | 零基础手把手教程","author":"FancyPig","author_id":1,"cover_image":"https://static.pigsec.cn/wp-content/uploads/2023/02/20230210154202567.png","cover_video":"https://v.pigsec.cn/Create%20Your%20Own%20AI%20Animated%20Avatar-%20A%20Step-by-Step%20Guide_ts.m3u8","views":4605,"comment_count":9,"category":"knowledge","is_forum_post":false}">{"id":32109,"title":"基于AI制作虚拟数字人动画 | 零基础手把手教程","author":"FancyPig","author_id":1,"cover_image":"https://static.pigsec.cn/wp-content/uploads/2023/02/20230210154202567.png","cover_video":"https://v.pigsec.cn/Create%20Your%20Own%20AI%20Animated%20Avatar-%20A%20Step-by-Step%20Guide_ts.m3u8","views":4605,"comment_count":9,"category":"knowledge","is_forum_post":false}
data-postsbox="{"id":31554,"title":"我用ChatGPT写了一个射击游戏 | ChatGPT玩法介绍","author":"FancyPig","author_id":1,"cover_image":"https://static.pigsec.cn/wp-content/uploads/2023/02/20230131163521695.png","cover_video":"https://v.pigsec.cn/I%20Made%20a%20Game%20with%20ChatGPT..._ts.m3u8","views":3824,"comment_count":5,"category":"knowledge","is_forum_post":false}">{"id":31554,"title":"我用ChatGPT写了一个射击游戏 | ChatGPT玩法介绍","author":"FancyPig","author_id":1,"cover_image":"https://static.pigsec.cn/wp-content/uploads/2023/02/20230131163521695.png","cover_video":"https://v.pigsec.cn/I%20Made%20a%20Game%20with%20ChatGPT..._ts.m3u8","views":3824,"comment_count":5,"category":"knowledge","is_forum_post":false}
[postsbox post_id="28178"]

杂谈

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

效果截图

在线体验

立即体验

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

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

源码下载

Github地址猪猪同款源码下载 提取码f7wjzx

源码部署

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

以下源码来自@Chanzhaoyu

安装Nodejs

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

前端部署

修改配置文件

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

# Glob API URL
VITE_GLOB_API_URL=/api

VITE_APP_API_BASE_URL=http://chatgpt.pigsec.cn/

安装依赖及启动

如果你没有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变量填写的域名一致

之后启动即可

标签：ChatGPT, openai, openai官网, openai是哪个公司的, chatgpt注册, chatgpt教程, chatgpt官网, chatgpt国内能用吗, chatgpt是什么意思, chatgpt镜像站, chatgpt国内站, chatgpt安装, openai注册, openai注册不了, openai注册邮件收不到, openai api, openai chatgpt, chatgpt国产化, chatgpt应用