ChatPDF-GPT: 融合LangChain与OpenAI的创新PDF对话应用

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提供了以下几个核心功能:

1. PDF上传: 用户可以上传PDF文档,系统会自动将文档内容处理并存储到Pinecone向量数据库和Supabase存储中。

2. PDF智能对话: 应用会处理PDF的内容,允许用户利用OpenAI API与文档进行智能对话。

3. PDF预览: 用户可以使用强大的React组件包@react-pdf-viewer来预览他们正在与之交互的PDF文档。

4. PDF列表: 应用会显示存储在Supabase数据库中所有上传的PDF文档列表。

5. PDF删除: 用户可以从数据库中删除不需要的文档。

6. 来源引用: AI聊天界面会为每个回复提供PDF中的来源,用户可以直接导航到PDF中的参考位置。

技术架构与实现

ChatPDF-GPT的技术实现涉及多个先进的技术和服务:

1. LangChain框架: 作为核心,LangChain使得语言模型能够与其他数据源和环境进行交互。

2. OpenAI API: 提供强大的语言模型支持,使得与PDF的智能对话成为可能。

3. Pinecone: 作为向量数据库,存储和检索PDF文档的嵌入表示。

4. Supabase: 提供文件存储和数据库服务,用于存储PDF文件和相关元数据。

5. Next.js: 作为全栈Web应用框架,提供了强大的开发和部署能力。

6. Radix UI & Tailwind CSS: 用于构建美观且响应式的用户界面。

7. @react-pdf-viewer: 提供PDF文档的在线预览功能。

使用示例

ChatPDF-GPT提供了多个使用示例,展示了各种操作:

1. 与Pinecone交互:保存嵌入、删除记录等。
2. 上传文件到Supabase存储以及删除文件。
3. 从Supabase数据库列出可用的文档。
4. 使用@react-pdf-viewer预览PDF。
5. 在PDF中直接导航到AI回复的来源。

这些示例不仅展示了ChatPDF-GPT的功能,也为开发者提供了有价值的参考。

快速测试与部署

要快速测试ChatPDF-GPT的功能,你需要提供自己的OpenAI、Supabase和Pinecone凭证。以下是设置Supabase的详细步骤:

1. 创建Supabase项目:

   • 访问app.supabase.io
   • 点击"New project"
   • 输入项目详情并等待PostgreSQL数据库启动

2. 获取数据库连接URL:

   • 在项目页面,进入"Settings"部分
   • 点击侧边栏的"Database"标签
   • 滚动到页面底部,找到"Connection string"部分
   • 选择"Nodejs"并复制URL

3. 获取连接池连接字符串:

   • 在"Database"标签中找到"Connection Pooling"部分
   • 选择"Nodejs"并复制连接池URL

4. 获取存储密钥:

   • 在"Settings"部分,点击"API"标签
   • 复制SUPABASE_URL和SUPABASE_KEY

5. 设置Supabase存储桶:

   • 进入"Storage"部分
   • 创建新的存储桶或使用现有的

6. 设置环境变量: 在你的项目中添加以下环境变量:

   • DATABASE_URL
   • DIRECT_URL
   • SUPABASE_KEY
   • SUPABASE_URL
   • SUPABASE_BUCKET

7. 管理存储桶策略:

   • 在"Storage"部分管理存储桶的访问策略
   • 谨慎设置公开访问策略,确保数据安全

对于OpenAI和Pinecone的凭证,请参考它们各自的官方文档进行设置。

本地安装与运行

要在本地机器上设置和运行ChatPDF-GPT,请按以下步骤操作:

1. 克隆项目仓库:

   git clone https://github.com/anis-marrouchi/chatpdf-gpt.git
   

2. 进入项目目录并使用pnpm安装依赖:

   cd chatpdf-gpt
   pnpm install
   

3. 设置环境变量: 创建一个.env文件,并添加必要的环境变量。

4. 运行开发服务器:

   pnpm dev
   

5. 在浏览器中访问http://localhost:3000即可使用ChatPDF-GPT。

结语

ChatPDF-GPT展示了如何利用先进的AI技术和云服务来创建一个智能的PDF交互应用。它不仅为用户提供了一种新颖的方式来与PDF文档交互,也为开发者展示了如何集成多种技术来创建复杂的AI应用。

随着AI技术的不断发展,我们可以期待看到更多类似ChatPDF-GPT这样的创新应用出现,它们将继续推动我们与信息交互的方式向前发展。无论你是对AI感兴趣的开发者,还是寻找提高工作效率的专业人士,ChatPDF-GPT都值得一试。

通过探索和使用ChatPDF-GPT,你不仅可以体验到AI驱动的PDF交互,还可以深入了解如何构建类似的应用。我们鼓励你深入研究代码,尝试自己的想法,并为这个开源项目做出贡献。让我们一起推动AI应用的边界,创造更多令人兴奋的可能性!