ChatGPT Web：用 Express 和 Vue3 搭建的 ChatGPT 演示网页

越来越多的技术爱好者和开发者希望能够自建ChatGPT平台，享受更加个性化和自由的聊天体验。下面，我们将介绍如何从零开始搭建并部署你自己的ChatGPT Web服务，让你的对话AI跑在自己的服务器上。

项目概览

ChatGPT Web是一个开源项目，使得任何人都可以搭建并运行自己的ChatGPT服务。项目支持双模型接入，提供两种非官方的ChatGPT API方法，既有免费选项，也有更为稳定的付费选择。

• ChatGPTAPI：通过OpenAI官方API调用ChatGPT服务，虽需付费但稳定可靠。
• ChatGPTUnofficialProxyAPI：使用非官方代理服务器访问ChatGPT的后端API，免费但稳定性相对较低。

准备工作

开始之前，请确保你的环境中安装了Node.js（推荐版本为16、18或19）和PNPM包管理器。这两个工具是项目依赖安装和运行的基础。

步骤一：获取API密钥

首先，你需要获得OpenAI的API密钥或accessToken。根据选择的API类型，将密钥填入项目的环境变量文件中。

    
 

  
  复制
 
    
# service/.env file

# OpenAI API Key
OPENAI_API_KEY=

OPENAI_ACCESS_TOKEN=

# service/.env file</p>
<p># OpenAI API Key<br />
OPENAI_API_KEY=</p>
<p>OPENAI_ACCESS_TOKEN=<br />

步骤二：安装依赖
项目结构分为前后端两部分，你可以根据需要进行安装：

后端：进入/service文件夹，执行pnpm install安装后端依赖。
前端：在项目根目录下执行pnpm bootstrap，安装前端依赖。

步骤三：本地测试运行
在完成依赖安装后，你可以分别启动前后端服务进行本地测试：

后端服务：在/service文件夹下运行pnpm start。
前端页面：在项目根目录下运行pnpm dev。

步骤四：环境变量配置
本项目支持多种环境变量配置，以适应不同的运行需求。包括API密钥、代理设置、访问控制等。
步骤五：打包与部署
项目支持Docker容器化部署，也可通过Railway或Sealos等平台进行云部署。根据实际需求选择合适的部署方式，确保你的ChatGPT Web服务顺利上线。


  ×


   直达下载
  

   


反爬虫抓取，人机验证，请输入验证码查看内容
     验证码：
     提交查看
请扫描上方公众号二维码，发送关键字：2024，获取验证码。
微信搜索公众号:“AI工具教程”或者“chatgpt8080” 或微信扫描右侧二维码关注微信公众号





                    

                        温馨提示：
                    
                    

                        
文章标题：ChatGPT Web：用 Express 和 Vue3 搭建的 ChatGPT 演示网页
                        
文章链接：https://yuntunft.cn/38256.html
                        
更新时间：2024年07月05日