langchain-nextjs-template 模板安装与配置

前提条件：

• node安装
  
• yarn 安装：npm install -g yarn
  

  
1. 克隆项目

起首，从 GitHub 克隆 LangChain Next.js 模板项目：

1. d:\agent-llm> git clone https://github.com/langchain-ai/langchain-nextjs-template.git

复制代码

2. 安装依靠

进入项目目录并安装依靠：

1. d:\agent-llm> cd langchain-nextjs-template
2. d:\agent-llm\langchain-nextjs-template> yarn install

复制代码

3. 配置环境变量

在项目根目录创建或编辑 .env 文件，配置必要的 API 密钥：

1. OPENAI_API_KEY="你的API密钥"
2. OPENAI_BASE_URL="https://dashscope.aliyuncs.com/compatible-mode/v1"
3. LANGCHAIN_CALLBACKS_BACKGROUND=false
5. # 如果需要使用 SerpAPI 功能（用于 agents 示例）
6. # SERPAPI_API_KEY="你的SERPAPI_API_KEY"
8. # 如果需要使用检索功能示例
9. # SUPABASE_PRIVATE_KEY="你的SUPABASE_PRIVATE_KEY"
10. # SUPABASE_URL="你的SUPABASE_URL"

复制代码

注意：这里使用了阿里云的 DashScope 作为 OpenAI API 的兼容接口。
4. 修改模型配置

根据你的需求，可以修改代码中使用的模型。在项目中有两个主要的路由文件需要修改：

• 在 app/api/chat/route.ts 文件中，修改模型为 “qwen-turbo”：
  

1. const model = new ChatOpenAI({
2.   temperature: 0.8,
3.   model: "qwen-turbo",
4. });

复制代码

• 在 app/api/chat/agents/route.ts 文件中，同样修改模型：
  

1. const chat = new ChatOpenAI({
2.   model: "qwen-turbo",
3.   temperature: 0,
4. });

复制代码

5. 启动开辟服务器

配置完成后，启动开辟服务器：

1. d:\agent-llm\langchain-nextjs-template> yarn dev

复制代码

服务器将在 http://localhost:3000 启动。
6. 项目布局阐明

该项目的主要布局如下：

• /app - Next.js 应用程序代码
  
  
  
  • /api - API 路由
    
    
    
    • /chat - 聊天相关 API
      
      
      
      • route.ts - 基本聊天 API
        
      • /agents - 代理相关 API
        
        
        
        • route.ts - 使用工具的代理 API
          
        
        
      
      
    
    
  • /components - UI 组件
    
  • /data - 数据文件
    
  • /public - 静态资源
    
  
  

7. 功能阐明

该模板提供了两种主要的聊天模式：

• 基本聊天模式：使用 app/api/chat/route.ts 中的配置，提供基本的聊天功能。
  
• 代理模式：使用 app/api/chat/agents/route.ts 中的配置，提供带有工具调用本领的代理功能，如计算器和网络搜索。
  

8. 自定义提示模板

你可以根据需要修改聊天呆板人的脚色和风格：

• 在基本聊天模式中，修改 app/api/chat/route.ts 中的 TEMPLATE 常量：
  

1. const TEMPLATE = `你是一个有帮助的助手。请用简洁明了的语言回答问题。
3. 当前对话:
4. {chat_history}
6. 用户: {input}
7. AI:`;

复制代码

• 在代理模式中，修改 app/api/chat/agents/route.ts 中的 AGENT_SYSTEM_TEMPLATE 常量：
  

1. const AGENT_SYSTEM_TEMPLATE = `你是一个有帮助的助手，能够使用工具来解决问题。`;

复制代码

部分过程文件截图

安装

api 与 url 修改

启动

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。