想给 Vue 3 系统加个 AI 助手？先看看贾维斯组件怎样接入

用户正在系统里处理工作，遇到问题后，却要打开另一个聊天工具，重新解释背景，再把回答带回业务页面。

如果助手就在当前应用里，交互入口会自然很多。对开发团队来说，接下来需要解决的，是聊天界面、身份信息、后端请求和产品能力怎样接在一起。

项速科技的贾维斯 AI 助手提供 Vue 3 组件 @jarvis/ai-assistant，以悬浮入口和助手抽屉承载交互，并通过配置接口适配宿主应用。已有 Vue 3 项目的团队，可以据此评估如何把助手加入现有使用流程。

先确认你接入的是什么

组件负责用户看到的入口与交互。模型调用、知识检索和工具执行，需要配套服务端以及相应配置。

因此，“把抽屉显示出来”和“让用户完成业务问答”是两个验收阶段。前者检查组件是否融入页面，后者检查身份、服务地址、模型和所需资源是否配合正常。

当前组件声明的主要宿主依赖包括 Vue 3.4 系列及以上的兼容版本、Ant Design Vue 4.2 系列，以及相应的 Iconify Vue 依赖范围。实际接入应对照所获组件版本的依赖声明，处理项目中已有 UI 库和样式的兼容问题。

组件包的获取方式也需要先确认。获得源码或可用的构建包后，再确定本地依赖或团队包源的安装方式，避免把未确认的公网包地址作为接入前提。

把几个配置项认清，后续沟通会简单很多

贾维斯提供 createAiAssistant 全局配置方式，也支持组件配置。可以先围绕下面几个问题与项目负责人对齐。

配置方向	需要回答的问题
baseURL	组件请求发往哪个贾维斯后端或网关？
auth	怎样取得该后端能够识别的访问凭证？
http	是否复用宿主已有的请求封装？
locale	助手使用哪个语言设置？
route	是否需要提供路由信息，以及怎样更新？

其中，身份适配尤其值得提前安排。宿主已经登录，并不意味着它的 Token 会自动被另一套服务识别，需要让凭证与贾维斯后端的认证方式相匹配。

若由项目统一管理服务地址和平台访问配置，还可以通过相关设置控制项隐藏对应编辑字段，让使用者集中在任务本身。

宿主提供页面与身份环境，组件发起请求并展示结果，贾维斯后端调用模型及配置好的资源。模型供应商的密钥应由服务端侧管理，浏览器中的组件使用访问平台所需的凭证。

如果准备接入业务上下文，组件提供相应配置和动态更新方法。可以由宿主明确传入正在处理的业务对象信息，但这些信息仍不能代替服务端权限校验。自动理解任意页面也不应作为组件安装后的默认验收结论。

第一次集成，可以分成三次检查

先检查入口：打开与关闭抽屉是否正常，是否遮挡核心操作，样式是否与应用协调。

再检查会话：服务地址是否可达，身份是否被接受，模型是否能返回内容，流式响应是否经过网关正常到达页面。

最后再关联一个具体 Agent，检查它所需的知识库或工具。这样遇到问题时，更容易区分是前端交互、服务连接还是业务资源造成的。

这是一份组件接入说明，具体项目仍需完成集成与验证。对已有 Vue 3 系统的团队，贾维斯提供的价值在于有了一套可复用的助手交互与配置接口，可以把精力集中到本项目的身份适配和业务场景上。

访问贾维斯 AI 助手官网，查看产品介绍，并确认适合项目环境的组件获取与接入方式。