基于Vue3搭建ChatGPT聊天前后端源码及搭建教程-官方接口

有很多ChatGPT。互联网上有很多关于ChatGPT构建和源代码的讨论。它们都是假的，不能使用。我已经考虑了很长时间，并根据Vue3构建了ChatGPT前端和后端源代码以及构建示例教程。现在我与大家分享。一些最喜欢的合作伙伴独立下载和构建它们，使用openAPI官方网络接口和key。

构建更好的ChatGPT可以实现多聊天界面，导出和下载聊天记录，更新可以保持原始内容。

感觉网站：咨询客户服务，由于接口总流量有限，设置短信验证码，需要亲自检测联系网站管理员

其他Chat程序流程源代码：

Chat微信小程序源码(tp后+付款在线充值开子站)：

人工智能创作助系统软件根据laravel5架构，手SaaS版：

首先谈谈技术框架和主要流程：

• 提前准备科学上网工具，海外发码虚拟号，申请key。(注:需要使用科学手机上网，选择韩国、日本、印度、马来西亚和国外)；

• 前vue3聊天界面交互，后express共享界面

• nginx端口转发共享

看看截屏：

编码截屏：

环境条件：

Node

node 必须^16 || ^18 || ^19 版本号（node >= 14 需要安装 fetch polyfill），应用 nvm 几个地方可以管理 node 版本号

node -v

填好密匙

获得 Openai Api Key 或 accessToken 并提交当地系统变量 自动跳转

# service/.env 文档

# OpenAI API Key - https://platform.openai.com/overview
OPENAI_API_KEY=

# change this to an `accessToken` extracted from the ChatGPT site's `https://chat.openai.com/api/auth/session` response
OPENAI_ACCESS_TOKEN=

组装依靠

为了能简单 后端工程师 理解压力，所以前面没有使用 workspace 方法是将其存储在文件夹的名称中。如果前端界面必须进行二次开发，请删除它 service 文件夹的名称就可以了。

后面

进入文件夹名称//service 操作下列指令

pnpm install

前面

下列指令在目录下操作

pnpm bootstrap

通过个人接口测试操作

后端服务

进入文件夹名称/service 操作下列指令

pnpm start

前面的网页

下列指令在目录下操作

pnpm dev

系统变量

API 可以用：

OPENAI_API_KEY和OPENAI_ACCESS_TOKEN二选一

OPENAI_API_MODEL设置实体模型，可选择，默认设置：gpt-3.5-turbo

OPENAI_API_BASE_URL可选择设置接口的详细地址，默认设置：https://api.openai.com

ACCESS_TOKEN可以用：

OPENAI_ACCESS_TOKEN和OPENAI_API_KEY二选一，同时使用时，OPENAI_API_KEY优先选择

API_REVERSE_PROXY设置端口转发，可选择

通用性：

AUTH_SECRET_KEY访问限制钥匙，可以选择

MAX_REQUEST_PER_HOUR对频率要求较大一小时，可选择，默认设置无穷无尽

TIMEOUT_MS请求超时，企业ms，可选择

SOCKS_PROXY_HOST和SOCKS_PROXY_PORT同时起效，可选择

SOCKS_PROXY_PORT和SOCKS_PROXY_HOST一起起作用，可以选择

HTTPS_PROXY适用 http，https,可以选择socks5，可以选择，

ALL_PROXY适用 http，https,socks5可以选择

前面的网页

1、改动目录下.env 文件中的VITE_GLOB_API_URL具体的背面接口详细地址

2、下列指令将在目录下运行，然后 dist 文件夹名称中的文件复制您的网站测试目录

pnpm build

Openai实例教程申请注册：

ChatGPT申请注册实例教程

1、打开官网连接：https://chat.openai.com/auth/login， 点击sign up。(注:需要使用科学手机上网，选择韩国、日本、印度、马来西亚、国外)；

2、选择邮箱申请，或使用谷歌邮箱、微软邮箱登录，再次点击下一步。

3、构建您的视频，输入支付密码。

4、打开电子邮件验证电子邮件

5、填写姓名和姓名后，到短信验证(这一步更难，因为谷歌 voice 它不能用于大陆手机，因此需要使用其他平台：sms-activate：https://sms-activate.org/）

6、认证成功