🧠 我如何将AI副驾驶集成到Dub.co中 🤖🚀
内容提要
本文介绍了如何将AI副驾驶添加到开源链接管理系统Dub.co中，并使用CopilotKit轻松创建和删除短链接，提高应用程序的用户体验。通过遵循本教程，您可以轻松将AI副驾驶集成到任何开源应用程序中。
延伸解读
集成前的环境准备
文章详细列出了本地运行Dub.co所需的多项服务：Tinybird用于数据存储与分析，Upstash提供Redis和QStash，还需配置GitHub OAuth。这意味着在添加AI副驾驶之前，必须完成这些外部依赖的注册与配置，否则应用无法正常启动。对于想快速体验的读者，建议先按官方安装指南确保Dub.co基础功能可用，再继续集成步骤。
CopilotKit的两种核心钩子
useCopilotAction用于定义AI可执行的操作，如创建或删除短链接，需指定名称、描述、参数和处理函数；useCopilotReadable则把应用状态（如链接列表）暴露给AI，使其能基于上下文响应。两者配合，AI才能理解当前工作区并执行相应动作。文章通过具体代码展示了如何将链接列表和操作逻辑接入，这是实现智能交互的关键。
创建与删除链接的实现差异
创建链接时，AI调用createNewLink动作，通过getKey生成唯一短链键，并打开模态框让用户确认保存；删除链接时，deleteShortLink动作根据链接ID找到对应项，触发删除确认模态框。两者都依赖useCopilotReadable提供的链接列表状态。这种设计将AI的决策与用户确认结合，避免误操作，同时保持了原有UI流程。
可复用的集成模式
文章强调此教程可作为案例，将AI副驾驶集成到任何开源应用。核心思路是：用CopilotKit包裹应用，配置后端API路由连接OpenAI模型，再通过钩子将应用状态和操作暴露给AI。只要应用基于React或Next.js，并具备类似的状态管理，就能参照此模式快速添加AI助手，无需从零构建对话系统。
Q&A
如何将AI副驾驶集成到Dub.co中？
可以通过使用CopilotKit框架，按照教程中的步骤设置Dub.co，创建API路由并配置OpenAI模型来集成AI副驾驶。
CopilotKit是什么？
CopilotKit是一个开源框架，用于构建应用内AI副驾驶，能够快速创建自定义AI助手。
集成AI副驾驶需要哪些前置知识？
需要具备React或Next.js的基础知识，以及Docker、Python和OpenAI API密钥的使用经验。
如何使用CopilotKit创建和删除短链接？
可以通过使用useCopilotAction钩子定义创建和删除短链接的操作，并在应用中处理用户请求。
设置Dub.co的步骤有哪些？
设置步骤包括克隆GitHub仓库、安装依赖、配置环境变量、启动Docker Compose等。
AI副驾驶在应用中能提供哪些功能？
AI副驾驶可以帮助用户回答问题、执行操作，并提供上下文感知的聊天功能。
