ChatPDF-GPT简介
ChatPDF-GPT是一个创新性的项目,它巧妙地结合了LangChain框架和OpenAI的语言模型,打造了一个能与PDF文档进行智能对话的应用。这个项目充分体现了LangChain框架的核心理念 - 将语言模型与其他数据源和环境连接起来,从而实现更强大的交互能力。
ChatPDF-GPT允许用户上传PDF文档,然后将文档内容处理并存储到Pinecone向量数据库和Supabase存储中。用户随后可以与上传的PDF进行对话,AI会利用文档内容来进行有意义的交互。
该项目采用了Next.js框架作为全栈Web应用的基础,使用Radix UI库和Tailwind CSS来构建精美的UI组件,UI设计灵感来自shadcn/ui提供的优雅模板。
ChatPDF-GPT的核心功能
ChatPDF-GPT提供了以下几个核心功能:
-
PDF上传: 用户可以上传PDF文档,系统会自动将文档内容处理并存储到Pinecone向量数据库和Supabase存储中。
-
PDF智能对话: 应用会处理PDF的内容,允许用户利用OpenAI API与文档进行智能对话。
-
PDF预览: 用户可以使用强大的React组件包@react-pdf-viewer来预览他们正在与之交互的PDF文档。
-
PDF列表: 应用会显示存储在Supabase数据库中所有上传的PDF文档列表。
-
PDF删除: 用户可以从数据库中删除不需要的文档。
-
来源引用: AI聊天界面会为每个回复提供PDF中的来源,用户可以直接导航到PDF中的参考位置。
技术架构与实现
ChatPDF-GPT的技术实现涉及多个先进的技术和服务:
-
LangChain框架: 作为核心,LangChain使得语言模型能够与其他数据源和环境进行交互。
-
OpenAI API: 提供强大的语言模型支持,使得与PDF的智能对话成为可能。
-
Pinecone: 作为向量数据库,存储和检索PDF文档的嵌入表示。
-
Supabase: 提供文件存储和数据库服务,用于存储PDF文件和相关元数据。
-
Next.js: 作为全栈Web应用框架,提供了强大的开发和部署能力。
-
Radix UI & Tailwind CSS: 用于构建美观且响应式的用户界面。
-
@react-pdf-viewer: 提供PDF文档的在线预览功能。
使用示例
ChatPDF-GPT提供了多个使用示例,展示了各种操作:
- 与Pinecone交互:保存嵌入、删除记录等。
- 上传文件到Supabase存储以及删除文件。
- 从Supabase数据库列出可用的文档。
- 使用@react-pdf-viewer预览PDF。
- 在PDF中直接导航到AI回复的来源。
这些示例不仅展示了ChatPDF-GPT的功能,也为开发者提供了有价值的参考。
快速测试与部署
要快速测试ChatPDF-GPT的功能,你需要提供自己的OpenAI、Supabase和Pinecone凭证。以下是设置Supabase的详细步骤:
-
创建Supabase项目:
- 访问app.supabase.io
- 点击"New project"
- 输入项目详情并等待PostgreSQL数据库启动
-
获取数据库连接URL:
- 在项目页面,进入"Settings"部分
- 点击侧边栏的"Database"标签
- 滚动到页面底部,找到"Connection string"部分
- 选择"Nodejs"并复制URL
-
获取连接池连接字符串:
- 在"Database"标签中找到"Connection Pooling"部分
- 选择"Nodejs"并复制连接池URL
-
获取存储密钥:
- 在"Settings"部分,点击"API"标签
- 复制
SUPABASE_URL
和SUPABASE_KEY
-
设置Supabase存储桶:
- 进入"Storage"部分
- 创建新的存储桶或使用现有的
-
设置环境变量: 在你的项目中添加以下环境变量:
DATABASE_URL
DIRECT_URL
SUPABASE_KEY
SUPABASE_URL
SUPABASE_BUCKET
-
管理存储桶策略:
- 在"Storage"部分管理存储桶的访问策略
- 谨慎设置公开访问策略,确保数据安全
对于OpenAI和Pinecone的凭证,请参考它们各自的官方文档进行设置。
本地安装与运行
要在本地机器上设置和运行ChatPDF-GPT,请按以下步骤操作:
-
克隆项目仓库:
git clone https://github.com/anis-marrouchi/chatpdf-gpt.git
-
进入项目目录并使用pnpm安装依赖:
cd chatpdf-gpt pnpm install
-
设置环境变量: 创建一个
.env
文件,并添加必要的环境变量。 -
运行开发服务器:
pnpm dev
-
在浏览器中访问
http://localhost:3000
即可使用ChatPDF-GPT。
结语
ChatPDF-GPT展示了如何利用先进的AI技术和云服务来创建一个智能的PDF交互应用。它不仅为用户提供了一种新颖的方式来与PDF文档交互,也为开发者展示了如何集成多种技术来创建复杂的AI应用。
随着AI技术的不断发展,我们可以期待看到更多类似ChatPDF-GPT这样的创新应用出现,它们将继续推动我们与信息交互的方式向前发展。无论你是对AI感兴趣的开发者,还是寻找提高工作效率的专业人士,ChatPDF-GPT都值得一试。
通过探索和使用ChatPDF-GPT,你不仅可以体验到AI驱动的PDF交互,还可以深入了解如何构建类似的应用。我们鼓励你深入研究代码,尝试自己的想法,并为这个开源项目做出贡献。让我们一起推动AI应用的边界,创造更多令人兴奋的可能性!