@@ -42,12 +42,12 @@ Agent UI 微信小程序组件依赖**微信云开发**服务,需先开通云
4242
4343### 2. 获取组件
4444
45- 可通过以下两种方式获取组件代码
45+ 可通过以下两种方式获取组件包代码
4646
47- 1 . ** 克隆仓库到本地,提取其中components/agent-ui 目录 **
47+ 1 . ** 克隆仓库到本地,提取其中components/agent-ui 目录使用 **
48482 . ** 下载GitHub Release 包,直接使用**
4949
50- ### 3. 引入组件
50+ ### 3. 微信小程序项目引入组件
5151
52521 . ** 配置云开发环境ID**
5353 打开 miniprogram/app.js 文件,配置云开发环境ID。
5959 console .error (" 请使用 2.2.3 或以上的基础库以使用云能力" );
6060 } else {
6161 wx .cloud .init ({
62- env: " " ,// 环境id
62+ env: " your envId " ,// 环境id
6363 traceUser: true ,
6464 });
6565 }
8585
8686``` wxml
8787<view>
88- <agent-ui agentConfig="{{agentConfig}}"></agent-ui>
88+ <agent-ui agentConfig="{{agentConfig}}" showBotAvatar="{{showBotAvatar}}" chatMode="{{chatMode}}" modelConfig="{{modelConfig}} ></agent-ui>
8989</view>
9090```
9191
@@ -95,14 +95,20 @@ App({
9595Page ({
9696 // ...
9797 data: {
98- agentConfig: {
99- type: " bot" , // 值为'bot'或'model'。当type='bot'时,botId必填;当type='model'时,modelName和model必填
100- botId: " bot-db3cab4a" , // agent id
101- modelName: " deepseek" , // 大模型服务商
102- model: " deepseek-v3" , // 具体的模型版本
103- logo: " https://docs.cloudbase.net/img/logo.svg" ,// 图标(只在model模式下生效)
104- welcomeMessage: " 欢迎语!" // 欢迎语(只在model模式下生效)
105- }
98+ chatMode: " bot" , // bot 表示使用agent,model 表示使用大模型,两种选一种配置即可
99+ showBotAvatar: true , // 是否在对话框左侧显示头像
100+ agentConfig: {
101+ botId: " bot-e7d1e736" , // agent id,
102+ allowWebSearch: true , // 允许客户端选择启用联网搜索
103+ allowUploadFile: true , // 允许上传文件
104+ allowPullRefresh: true // 允许下拉刷新
105+ },
106+ modelConfig: {
107+ modelProvider: " hunyuan-open" , // 大模型服务厂商
108+ quickResponseModel: " hunyuan-lite" , // 大模型名称
109+ logo: " " , // model 头像
110+ welcomeMsg: " 欢迎语" , // model 欢迎语
111+ },
106112 }
107113 // ...
108114})
@@ -115,48 +121,54 @@ Page({
115121├── 📂 components # 组件集合
116122│ └── agent-ui # 你要使用的小程序 Agent UI 组件(拷贝这个!!!)
117123├── 📂 docs # 文档
118- └── 📂 examples # 示例项目
119- │ └── miniprogram-agent-ui # 集成 agent-ui 组件的示例项目 ,可直接导入微信开发者工具体验
124+ └── 📂 apps # 应用列表
125+ │ └── miniprogram-agent-ui # 集成 agent-ui 组件的示例应用 ,可直接导入微信开发者工具体验
120126├── CHANGELOG.md # 版本变更记录(语义化版本规范)
121127├── LICENSE # 开源协议
122128├── package.json # 版本管理
123129└── .github/ # GitHub自动化配置
124130 ├── workflows/
125- │ └── release.yml # 自动打包发布
131+ │ └── release-main .yml # 自动打包发布
126132 └── ISSUE_TEMPLATE/ # Issue模板
127133
128134```
129135
130136## ⚙️ 配置详解
131137
132138### 配置属性表
133- | 参数 | 类型 | 必填 | 说明 |
134- | ------------------ | ---------- | ---- | ----- |
135- | ` chatMode ` | ` String ` | 是 | 对话模式:` bot ` - 使用Agent ` model ` - 直连大模型 |
136- | ` showBotAvatar ` | ` Boolean ` | 否 | 是否展示Bot的logo头像 |
137- | ` agentConfig ` | [ AgentConfig] ( #Agentconfig ) | 是| Agent 调用配置 |
138- | ` modelConfig ` | [ ModelConfig] ( #Modelconfig ) | 是| Model 调用配置 |
139-
140- #### AgentConfig
141- | 参数 | 类型 | 必填 | 说明 |
142- | ------------------ | ---------- | ----| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
143- | ` botId ` | ` String ` | 是 | Agent的唯一标识ID |
144- | ` allowWebSearch ` | ` Boolean ` | 否 | 是否允许客户端启用联网搜索 |
145- | ` allowUploadFile ` | ` Boolean ` | 否 | 是否允许客户端启用文件上传 |
146- | ` allowPullRefresh ` | ` Boolean ` | 否 | 是否允许客户端启用下拉获取历史记录 |
147139
140+ | 参数 | 类型 | 必填 | 说明 |
141+ | ----------------- | ------------------------ | ---- | ------------------------------------------------------------------------------------------------------ |
142+ | ` chatMode ` | ` String ` | 是 | 组件对接的AI类型,值为 'bot' 或者 'model',为 'bot' 时,对接 agent 能力;为 'model' 时,对接大模型能力 |
143+ | ` showBotAvatar ` | ` Boolean ` | 否 | 是否展示Bot的logo头像 |
144+ | ` agentConfig ` | [ AgentConfig] ( #Agentconfig ) | 是 | Agent 调用配置 |
145+ | ` modelConfig ` | [ ModelConfig] ( #Modelconfig ) | 是 | Model 调用配置 |
146+
147+ #### AgentConfig
148+
149+ | 参数 | 类型 | 必填 | 说明 |
150+ | -------------------- | ----------- | ---- | --------------------------------------------- |
151+ | ` botId ` | ` String ` | 否 | Agent的唯一标识ID,当 chatMode = 'bot' 时必填 |
152+ | ` allowWebSearch ` | ` Boolean ` | 否 | 是否允许客户端界面展示联网搜索 |
153+ | ` allowUploadFile ` | ` Boolean ` | 否 | 是否允许客户端界面展示文件上传 |
154+ | ` allowPullRefresh ` | ` Boolean ` | 否 | 是否允许客户端界面展示下拉获取历史记录 |
148155
149156#### ModelConfig
150- | 参数 | 类型 | 必填 | 说明 |
151- | ------------------ | ---------- | ---- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
152- | ` modelProvider ` | ` String ` | 是 | 大模型服务厂商名称 |
153- | ` quickResponseModel ` | ` String ` | 是 | modelProvider 为 deepseek时,支持 deepseek-r1/deepseek-v3; modelProvider 为 hunyuan-exp (混元体验版)/ hunyuan-open(混元正式版,使用需先[ 配置API Key] ( https://tcb.cloud.tencent.com/dev?envId=luke-agent-dev-7g1nc8tqc2ab76af#/ai?tab=ai-model&model=hunyuan-open ) )时,quickResponseModel 可配置为hunyuan-lite |
154- | ` logo ` | ` String ` | 否 | 模型的头像URL |
155- | ` welcomeMsg ` | ` String ` | 否 | 欢迎语 |
156157
158+ | 参数 | 类型 | 必填 | 说明 |
159+ | ---------------------- | ---------- | ---- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
160+ | ` modelProvider ` | ` String ` | 是 | 大模型服务商,当 chatMode = 'model' 时,必填,值为 'hunyuan-open' 或 'deepseek' |
161+ | ` quickResponseModel ` | ` String ` | 是 | 具体使用的模型,当 chatMode = 'model' 时,必填; modelProvider 为 deepseek时,支持 deepseek-r1/deepseek-v3; modelProvider 为 hunyuan-exp (混元体验版)/ hunyuan-open(混元正式版,使用需先[ 配置API Key] ( https://tcb.cloud.tencent.com/dev?envId=luke-agent-dev-7g1nc8tqc2ab76af#/ai?tab=ai-model&model=hunyuan-open ) )时,quickResponseModel 可配置为hunyuan-lite |
162+ | ` logo ` | ` String ` | 否 | 页面 logo,当 chatMode = 'model' 时生效,选填 |
163+ | ` welcomeMsg ` | ` String ` | 否 | 欢迎语,当 chatMode = 'model' 时生效,选填 |
157164
165+ > [ !IMPORTANT]
166+ > 大小限制:单文件不超过10M
167+ > 数量限制:单次最多支持 5 个文件
168+ > 文件类型:pdf、txt、doc、docx、ppt、pptx、xls、xlsx、csv
169+ > ** request合法域名配置** :微信小程序上传文件需要添加“文件上传接口”到request合法域名列表,文件上传域名为:https://{your-envid}.api.tcloudbasegateway.com, 可前往微信公众平台(https://mp.weixin.qq.com)配置合法域名
158170
159- #### 配置示例
171+ 配置示例
160172
161173- ** 对接 DeepSeek 大模型**
162174
@@ -169,7 +181,7 @@ wx.cloud.init({
169181});
170182```
171183
172- 2 . 修改组件配置,在引用 agent-ui 组件的页面配置 (也可参考examples /miniprogram-agent-ui项目 chatBot 页面配置案例)
184+ 2 . 修改组件配置,在引用 agent-ui 组件的页面配置 (也可参考apps /miniprogram-agent-ui项目 chatBot 页面配置案例)
173185
174186``` javascript
175187Page ({
@@ -198,7 +210,7 @@ wx.cloud.init({
198210});
199211```
200212
201- 2 . 修改组件配置,在引用 agent-ui 组件的页面配置 (也可参考examples /miniprogram-agent-ui项目 chatBot 页面配置案例)
213+ 2 . 修改组件配置,在引用 agent-ui 组件的页面配置 (也可参考apps /miniprogram-agent-ui项目 chatBot 页面配置案例)
202214
203215``` javascript
204216Page ({
@@ -227,16 +239,19 @@ wx.cloud.init({
227239});
228240```
229241
230- 2 . 修改组件配置,在引用 agent-ui 组件的页面配置 (也可参考examples /miniprogram-agent-ui项目 chatBot 页面配置案例)
242+ 2 . 修改组件配置,在引用 agent-ui 组件的页面配置 (也可参考apps /miniprogram-agent-ui项目 chatBot 页面配置案例)
231243
232244``` javascript
233245Page ({
234246 // ...
235247 data: {
236- chatMode: ' bot' ,
248+ chatMode: " bot" , // bot 表示使用agent,model 表示使用大模型
249+ showBotAvatar: true , // 是否在对话框左侧显示头像
237250 agentConfig: {
238- botId: ' bot-xxx' ,
239- allowWebSearch: true
251+ botId: " bot-e7d1e736" , // agent id,
252+ allowWebSearch: true , // 允许客户端选择启用联网搜索
253+ allowUploadFile: true , // 允许上传文件
254+ allowPullRefresh: true // 允许下拉刷新
240255 }
241256 }
242257 // ...
@@ -250,23 +265,21 @@ Page({
250265- ✅ 大模型调用配置化 (DeepSeek/Hunyuan)
251266- ✅ Agent调用配置化 (云开发平台配置)
252267- ✅ 流式输出
253- - ✅ 图片理解(暂只支持Hunyuan vision模型)
254268- ✅ 联网搜索 (Agent模式)
269+ - ✅ 文档解析 (Agent模式)
255270
256271### 🚧 进行中开发
257272
258- - 多模型切换调用配置化
259- - 多Agent切换调用配置化
273+ - 多模型(快速响应/深度推理)切换调用配置化
260274- 历史会话管理,多轮对话上下文记忆
261- - 附件批量上传解析(文件/图片/拍照)
262- - UI 样式及交互优化
275+ - 图片上传解析(拍照/图片)
276+ - 支持文字转语音播放
277+ - 支持用户语音输入转文字
278+ - 支持语音音色配置
263279
264280### 📅 未来计划
265281
266- - UI 高度配置化,提供主题色配置与插槽系统,完美融入品牌风格
267- - 支持用户语音输入转文字
268- - 支持文字转语音播放
269- - 支持语音音色配置
282+ - UI 高度配置化,提供页面结构配置化控制,CSS变量配置,完美融入品牌风格
270283- 文生图
271284- 文生视频
272285- 文生3D
0 commit comments