ShareGPT部署完全指南：如何在Vercel上快速搭建自己的分享平台

ShareGPT部署完全指南：如何在Vercel上快速搭建自己的分享平台

【免费下载链接】sharegptEasily share permanent links to ChatGPT conversations with your friends项目地址: https://gitcode.com/gh_mirrors/sh/sharegpt

ShareGPT是一个开源项目，让你能够轻松分享ChatGPT对话的永久链接给朋友。本指南将带你完成在Vercel上部署ShareGPT的全过程，即使你是新手也能快速上手。

准备工作：部署前的必要条件 📋

在开始部署前，请确保你已经准备好以下工具和账号：

• Git：用于克隆项目代码库
• Node.js：推荐v14或更高版本，用于运行项目
• Vercel账号：提供免费的Next.js应用托管服务
• GitHub账号：用于连接Vercel和管理代码

第一步：获取ShareGPT源代码 🚀

首先需要将ShareGPT项目代码克隆到本地。打开终端，执行以下命令：

git clone https://gitcode.com/gh_mirrors/sh/sharegpt cd sharegpt

这个命令会将项目代码下载到你的本地，并进入项目目录。项目主要结构包括前端界面(app/)、后端API(app/pages/api/)、数据库配置(app/prisma/)和浏览器扩展(extension/)等部分。

第二步：安装项目依赖 🔧

进入项目目录后，需要安装所需的依赖包。ShareGPT使用yarn作为包管理器，执行以下命令：

yarn install

这个过程可能需要几分钟时间，取决于你的网络速度。安装完成后，你会看到项目目录下多出一个node_modules文件夹，里面包含了所有必要的依赖。

第三步：配置环境变量 ⚙️

ShareGPT需要一些环境变量才能正常运行。在项目根目录创建一个.env.local文件，并添加以下必要配置：

DATABASE_URL="你的数据库连接URL" NEXTAUTH_URL="http://localhost:3000" NEXTAUTH_SECRET="随机生成的安全字符串"

数据库可以使用PlanetScale，这是ShareGPT推荐的数据库服务。你需要注册一个PlanetScale账号并创建数据库，然后获取连接URL。

第四步：本地测试项目 ✅

在部署到Vercel之前，建议先在本地测试项目是否能正常运行。执行以下命令启动开发服务器：

yarn dev

打开浏览器访问http://localhost:3000，如果一切正常，你应该能看到ShareGPT的主页面。测试一下主要功能，确保没有错误。

第五步：部署到Vercel ☁️

现在可以将项目部署到Vercel了。如果你还没有安装Vercel CLI，请先执行以下命令安装：

npm install -g vercel

然后在项目目录中执行部署命令：

vercel

按照提示登录你的Vercel账号，Vercel会自动检测项目类型并配置构建设置。你需要在Vercel控制台中设置之前提到的环境变量，确保与本地配置一致。

部署完成后，Vercel会提供一个URL，你可以通过这个URL访问你的ShareGPT应用。

第六步：配置自定义域名（可选） 🌐

如果你有自己的域名，可以在Vercel中配置自定义域名：

1. 在Vercel项目控制台中，进入"Settings"选项卡
2. 在左侧导航栏中选择"Domains"
3. 添加你的自定义域名
4. 根据Vercel提供的DNS记录，在你的域名提供商处进行配置

配置完成后，你就可以通过自己的域名访问ShareGPT应用了。

常见问题解决 🛠️

部署后数据库连接失败

确保在Vercel中正确设置了DATABASE_URL环境变量，并且数据库允许来自Vercel的访问。对于PlanetScale，你需要在数据库设置中添加Vercel的IP地址到允许列表。

应用启动后出现500错误

检查Vercel控制台中的"Logs"选项卡，查看具体错误信息。最常见的原因是环境变量配置不正确或缺失。

扩展功能无法正常使用

ShareGPT的浏览器扩展位于extension/目录下。要使用扩展，需要在Chrome中加载解压后的扩展程序：

1. 打开Chrome，进入chrome://extensions/
2. 开启"开发者模式"
3. 点击"加载已解压的扩展程序"
4. 选择项目中的extension/目录

总结 🎉

通过以上步骤，你已经成功在Vercel上部署了自己的ShareGPT分享平台。现在你可以：

• 分享ChatGPT对话链接
• 浏览社区中的对话示例
• 保存喜欢的对话
• 对对话进行评论

ShareGPT使用Next.js框架构建，结合了Tailwind CSS、PlanetScale数据库和Upstash Redis等现代技术，为你提供流畅的用户体验。如果你想进一步定制或贡献代码，可以查看项目中的源代码，特别是API部分位于app/pages/api/目录下。

希望本指南对你有所帮助，祝你的ShareGPT平台使用愉快！

【免费下载链接】sharegptEasily share permanent links to ChatGPT conversations with your friends项目地址: https://gitcode.com/gh_mirrors/sh/sharegpt