# 在阿里云上 10 分钟打造 7×24 小时智能客服系统
通过阿里云一站式解决方案，您可在十分钟内为网站部署一个高度可定制的AI助手，实现全天候客户服务，显著提升用户体验和业务竞争力。
链接[https://appflow.console.aliyun.com/](https://appflow.console.aliyun.com/)
## 解决方案架构图
## 四步快速集成
1. **创建大模型问答应用**
通过阿里云百炼平台创建智能问答应用，获取API调用凭证
2. **配置AI助手**
使用AppFlow创建并定制专属客服形象
3. **网站集成**
通过简单代码嵌入实现网页端智能客服
4. **知识增强**
导入企业私有知识库，提升专业问答准确性
---
## 一、创建百炼大模型应用
> 提示：新用户可享受免费额度，完全满足本方案需求。按token计费模式相比自建方案节省90%成本
### 1.1 创建应用
**操作路径**：百炼控制台 > 应用管理 > 创建应用 > 智能体应用
**关键配置**：
- 模型选择：通义千问-Plus
- Prompt设定（示例）：
```text
你叫小助，是智能手机选购专家，
擅长解答产品参数、使用技巧等问题
```
> 提示：右侧实时测试模块可验证初步效果，当前仅支持通用知识问答
### 1.2 获取API凭证
**操作路径**：
1. 应用管理页面复制应用ID
2. 密钥管理页面创建并保存API Key
---
## 二、配置智能客服形象
### 2.1 创建AI助手
**操作路径**：AppFlow控制台 > 模型服务 > AI助手 > 创建AI助手
**个性化设置**：
- 上传企业LOGO作为助手图标
- 命名规范建议：企业名称+客服类型（如"阿里云智能客服"）
### 2.2 接入百炼模型
**配置步骤**：
1. 导入模型 > 选择阿里云百炼
2. 添加新凭证：
- 凭证名称：建议填入业务类型（如"官网客服"）
- 填写获取的API Key和应用ID
### 2.3 Web集成配置
**操作路径**：AI助手详情页 > 集成 > Web页面集成
**样式定制选项**：
- 主题色与背景色搭配
- 预置推荐问题设置
- 窗口尺寸（支持对话框/侧边栏两种模式）
---
## 三、网站快速集成
### 3.1 示例网站搭建
**两种部署方式**：
| 方式 | 特点 | 适用场景 |
|------|------|----------|
| 本地HTML | 无需部署，即时预览 | 功能验证 |
| 函数计算部署 | 拥有真实域名 | 对外展示 |
**函数计算部署步骤**：
1. 打开应用模板
2. 创建环境（约1分钟）
3. 访问环境域名验证部署
### 3.2 嵌入客服代码
**操作指南**：
1. 打开Web集成配置页
2. 复制匿名方式的部署脚本
3. 粘贴到HTML文件的`</body>`标签前
**高级配置**：
- 拖拽功能开关（通过`draggable: true`参数控制）
### 3.3 效果验证
刷新网站后，右下角将显示悬浮客服图标
---
## 四、私有知识增强
### 4.1 知识库构建
**示例场景**：智能手机厂商需导入产品参数文档
**操作流程**：
1. 非结构化数据页签上传文档
2. 知识库页面创建知识库
3. 选择文档并配置向量存储（推荐ADB-PG方案）
### 4.2 应用绑定
**启用知识增强**：
1. 应用管理 > 编辑应用
2. 开启知识库开关
3. 关联目标知识库
4. 重新发布应用
---
## 方案总结
### 价值亮点
- **零代码部署**：全流程可视化操作
- **低成本试用**：新用户免费额度覆盖
- **弹性扩展**：支持百万级并发请求
- **效果可控**：通过提示词优化、知识库更新持续迭代
### 优化建议
- **评测机制**：组织业务团队进行多轮QA测试
- **持续改进**：参与阿里云ACA认证课程提升大模型应用能力
- **进阶方案**：接入CRM系统实现客户画像联动
> 提示：文档切分策略会影响检索效果，建议根据内容特征调整段落长度
---
原文部署方案可以点击[参考原文](https://help.aliyun.com/zh/model-studio/add-an-ai-assistant-to-your-website-in-10-minutes "参考原文")