跳到主要内容

Agent 应用

Agent 应用是专门为智能代理设计的应用，提供 AI 智能体的管理和交互功能。

技术栈​

  • 框架: Vue 3 + TypeScript
  • 构建工具: Vite
  • UI: TDesign Vue Next
  • 状态管理: Pinia
  • 路由: Vue Router 4
  • 样式: UnoCSS

核心功能​

智能体管理​

  • 智能体列表
  • 智能体详情
  • 智能体配置
  • 智能体测试

对话交互​

  • 实时对话
  • 历史记录
  • 对话管理
  • 多轮对话

平台集成​

  • 多平台支持
  • API 集成
  • 数据同步
  • 权限管理

智能体类型​

对话型智能体​

  • 文本对话
  • 语音对话
  • 多模态交互

工作流智能体​

  • 任务自动化
  • 流程编排
  • 节点管理

知识库智能体​

  • 知识检索
  • 问答系统
  • 文档理解

开发指南​

环境搭建​

cd hosts/agent
pnpm install
pnpm dev

构建部署​

# 开发环境
pnpm dev

# 生产环境
pnpm build

# Mock 数据
pnpm dev:mock

项目结构​

src/
├── api/                # API 接口
├── components/         # 组件
├── composables/        # 组合式函数
├── pages/              # 页面
├── plugins/            # 插件
├── stores/             # 状态管理
├── types/              # 类型定义
├── utils/              # 工具函数
└── widgets/            # 智能体组件

特色功能​

实时通信​

  • WebSocket 连接
  • 消息队列
  • 状态同步

智能体配置​

  • 参数配置
  • 模型选择
  • 提示词管理

数据可视化​

  • 对话分析
  • 性能监控
  • 使用统计

部署配置​

环境变量​

  • VITE_AGENT_API_URL: 智能 API 地址
  • VITE_WS_URL: WebSocket 地址
  • VITE_AGENT_MODE: 智能体模式

构建配置​

  • 按需加载
  • 资源压缩
  • 缓存优化