小薛教你制作一个ChatGPT聊天页 | ChatGPT国产化思路

小薛教你制作一个ChatGPT聊天页 | ChatGPT国产化思路

暂停公告

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

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

图片[1]-小薛教你制作一个ChatGPT聊天页 | ChatGPT国产化思路-一只薛眠羊

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

图片[2]-小薛教你制作一个ChatGPT聊天页 | ChatGPT国产化思路-一只薛眠羊

相关阅读

杂谈

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

效果截图

图片[3]-小薛教你制作一个ChatGPT聊天页 | ChatGPT国产化思路-一只薛眠羊

在线体验

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

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

体验页面已关闭,由于支出成本较大,望谅解

源码下载

您只需要登录本站后,即可免费查看隐藏源码下载地址

源码部署

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

以下源码来自@Chanzhaoyu

安装Nodejs

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

前端部署

修改配置文件

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

# Glob API URL
VITE_GLOB_API_URL=/api

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

安装依赖及启动

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

npm install -g yarn

然后使用yarn命令安装环境

yarn install

安装完成后会有node_modules文件夹

图片[4]-小薛教你制作一个ChatGPT聊天页 | ChatGPT国产化思路-一只薛眠羊

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

图片[5]-小薛教你制作一个ChatGPT聊天页 | ChatGPT国产化思路-一只薛眠羊

然后添加chat

图片[6]-小薛教你制作一个ChatGPT聊天页 | ChatGPT国产化思路-一只薛眠羊

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

图片[7]-小薛教你制作一个ChatGPT聊天页 | ChatGPT国产化思路-一只薛眠羊

后端部署

修改配置文件

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

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

apikey需要按需去Openai官网申请

图片[8]-小薛教你制作一个ChatGPT聊天页 | ChatGPT国产化思路-一只薛眠羊
图片[9]-小薛教你制作一个ChatGPT聊天页 | ChatGPT国产化思路-一只薛眠羊

装依赖

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

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

图片[10]-小薛教你制作一个ChatGPT聊天页 | ChatGPT国产化思路-一只薛眠羊

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

npm install -g pnpm

然后使用pnpm安装依赖

pnpm install

之后类似方式启动

pnpm prod

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

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

图片[11]-小薛教你制作一个ChatGPT聊天页 | ChatGPT国产化思路-一只薛眠羊

之后启动即可

图片[12]-小薛教你制作一个ChatGPT聊天页 | ChatGPT国产化思路-一只薛眠羊
© 版权声明
THE END
喜欢就支持一下吧
点赞14赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容