GitHub 热门项目:gemini-fullstack-langgraph-quickstart

摘要

GitHub项目:gemini-fullstack-langgraph-quickstart 仓库地址:https://github。

and the backend frontend LangGraph
2026-05-18 1 阅读 GitHub Trending
GitHub 项目:gemini-fullstack-langgraph-quickstart 仓库地址:https://github.com/google-gemini/gemini-fullstack-langgraph-quickstart 星级:18171 | 作者:谷歌双子座 项目描述:开始使用 Gemini 2.5 和 LangGraph 构建 Fullstack Agent =================================================== 自述文件内容: # Gemini Fullstack LangGraph 快速入门 该项目演示了使用 React 前端和 LangGraph 支持的后端代理的全栈应用程序。该代理旨在通过动态生成搜索词、使用 Google 搜索查询网络、反映结果以识别知识差距以及迭代地改进其搜索,直到能够提供有引用的良好支持的答案,对用户的查询进行全面的研究。该应用程序是使用 LangGraph 和 Google 的 Gemini 模型构建研究增强型会话 AI 的示例。 Gemini Fullstack LangGraph ## 特点 - ? 具有 React 前端和 LangGraph 后端的全栈应用程序。 - ? 由 LangGraph 代理提供支持,用于高级研究和对话式 AI。 - ? 使用 Google Gemini 模型生成动态搜索查询。 - ? 通过 Google 搜索 API 集成网络研究。 - ? 反思推理来识别知识差距并完善搜索。 - ? 生成带有来自收集来源的引用的答案。 - ? 开发过程中前端和后端的热重载。 ## 项目结构 项目主要分为两个目录: - `frontend/`:包含使用 Vite 构建的 React 应用程序。 - `backend/`:包含 LangGraph/FastAPI 应用程序,包括研究代理逻辑。 ## 入门:开发和本地测试 请按照以下步骤在本地运行应用程序以进行开发和测试。 **1.先决条件:** - Node.js和npm(或yarn/pnpm) - Python 3.11+ - **`GEMINI_API_KEY`**:后端代理需要 Google Gemini API 密钥。 1. 导航到“backend/”目录。 2. 通过复制“backend/.env.example”文件来创建名为“.env”的文件。 3. 打开 `.env` 文件并添加您的 Gemini API 密钥:`GEMINI_API_KEY="YOUR_ACTUAL_API_KEY"` **2.安装依赖项:** **后端:** ````bash 光盘后端 点安装。 ```` **前端:** ````bash CD前端 npm 安装 ```` **3.运行开发服务器:** **后端和前端:** ````bash 进行开发 ```` 这将运行后端和前端开发服务器。 打开浏览器并导航到前端开发服务器 URL(例如“http://localhost:5173/app”)。 _或者,您可以单独运行后端和前端开发服务器。对于后端,在“backend/”目录中打开一个终端并运行“langgraph dev”。后端 API 将在“http://127.0.0.1:2024”处提供。它还将打开一个指向 LangGraph UI 的浏览器窗口。对于前端,在“frontend/”目录中打开一个终端并运行“npm run dev”。前端将在“http://localhost:5173”可用。_ ## 后端代理如何工作(高级) 后端的核心是在`backend/src/agent/graph.py`中定义的LangGraph代理。它遵循以下步骤: 代理流程 1. **生成初始查询: