安装和配置Upstash RAG Chat Component需要遵循以下关键步骤:
安装流程
可选择使用npm、pnpm或yarn任一包管理工具进行安装:
- npm安装:
npm install @upstash/rag-chat-component
- pnpm安装:
pnpm add @upstash/rag-chat-component
- yarn安装:
yarn add @upstash/rag-chat-component
环境变量配置
安装后在项目根目录下创建或修改.env文件,必须配置以下变量:
- UPSTASH_VECTOR_REST_URL
- UPSTASH_VECTOR_REST_TOKEN
- OPENAI_API_KEY
- TOGETHER_API_KEY
如需持久化聊天记录,还需额外配置:
- UPSTASH_REDIS_REST_URL
- UPSTASH_REDIS_REST_TOKEN
样式配置
在tailwind.config.ts文件中添加以下内容,确保组件样式正确加载:
import type { Config } from "tailwindcss";
export default {
content: ["./node_modules/@upstash/rag-chat-component/**/*.{js,mjs}"],
} satisfies Config;
完成这些基础配置后,您就可以开始在应用中集成聊天功能了。
本答案来源于文章《为Next.js应用程序添加RAG驱动的在线聊天工具》