【技术文档AI落地】从0到1教你打造知识问答AI助手
背景作为一个技术产品，团队一直面临技术支持的挑战。由于用户数量庞大，难以提供充分支持。自AI技术问世以来，我们希望搭建一个AI客服系统，直接根据技术文档回复用户，从而减轻技术支持的负担。 然而，现有AI解决方案在格式转换、图片支持和准确性方面表现不佳，导致我们不得不选择自主研发。敲敲云AI客服最近，敲敲云推出的AI应用大模型受到了广泛好评。今天，我们将以“积木报表文档助手”为例，探索如何利用敲敲云AI大模型，从零搭建一个专属的知识问答AI客服。
特性亮点
[*]精准回答：能够匹配多处文档，快速统计并回复用户问题。
[*]图文并茂：支持图片、代码，确保回复内容格式完美。
[*]智能代码生成：可为用户编写相关组件的示例代码。
[*]智能理解图片：用户发送错误截图，AI也能Get到并提供有效解答。
[*]一键导入：支持将整个Markdown文档库一键导入，快速构建AI知识库。
成功案例目前，积木报表和JeecgBoot这两个国内知名的开源项目，已经通过 敲敲云 实现了在线AI客服能力。大家可以先体验一下效果。用户可以通过AI助手快速查阅文档内容，无需再费力寻找。
[*]JeecgBoot文档：https://help.jeecg.com
[*]积木报表文档：https://help.jimureport.com
https://pic1.zhimg.com/v2-850c8610ac9102f7c5b87af97ba01cb6_b.webp
手把手教你搭建AI客服
敲敲云介绍敲敲云是一个创新的 APaaS（应用平台即服务）零代码平台，结合了 AI 应用开发和知识库管理，旨在帮助企业快速构建个性化的业务应用。 敲敲云的 AIGC（生成式 AI 内容）功能模块允许用户创建复杂的 AI 工作流，支持 AI 智能问答，管理知识库和模型。用户可以通过可视化界面轻松设计和测试 AI 工作流程，快速将原型应用到生产环境中。
[*]网址：https://www.qiaoqiaoyun.com
https://pica.zhimg.com/v2-6029ff6bcf8cc04b9f56129c517b994a_1440w.jpg
一、准备工作
1. 准备Markdown文档库积木报表的文档为markdown格式，将积木报表docs目录下的markdown文件和static目录下的图片打成压缩包。https://pic4.zhimg.com/v2-e60a91371bf8cfa535c7f87fafa6e973_1440w.jpg
[*]docs目录
docs目录下存放了积木报表、大屏设计器和仪表盘设计器的所有文档，文档格式为markdown格式，并且文档中也包含图片。图片路径：https://pic3.zhimg.com/v2-ae3866b7f4337e602219cdfdd07138ec_1440w.jpg
[*]static图片
static目录下存放了积木报表文档中所有的图片。在AI助手中也需要将图片展示出来。需要注意确保自己的图片路径与静态文件存放的目录一致。比如示例中图片路径为对应的压缩包路径为根目录/static/jimuImages/ccc.pnghttps://pic1.zhimg.com/v2-b956f4e34d8540f68b2b882af3ace93a_1440w.jpg
二、创建AI模型登录进入敲敲云后，点击"AI应用"进入AI功能管理界面，咱们会用到"AI模型管理"、"AI知识库"、"AI应用管理"这三大模块。AI模型是知识库、流程设计、AI应用等模块的核心组件，这些模块依赖于AI模型提供智能化能力。此处需要创建一个向量模型和一个语言模型。
1. 创建向量模型向量模型用于AI知识库中；在"AI模型管理"中，点击"添加模型"，选择所需要的供应商https://picx.zhimg.com/v2-dc0bb0e2122fae4e8f1f7647e658703b_1440w.jpg如需申请API Key或了解更多信息，可访问以下供应商官网：
[*]DeepSeek：https://deepseek.com
[*]Ollama：https://ollama.com
[*]OpenAI：https://openai.com
[*]通义千问：https://tongyi.aliyun.com
[*]千帆大模型：https://qianfan.baidu.com
[*]智谱AI：https://open.bigmodel.cn
2. 添加向量模型
https://pic4.zhimg.com/v2-22fc5f979cffb862d554a661cb8829a7_1440w.jpg填写以下信息：
[*]模型名称 ：例如 敲敲云向量模型。
[*]模型类型 ：此处选择 向量模型，AI知识库关联的模型必须为向量模型。
[*]基础模型 ：如 text-embedding-ada-002。
[*]API 域名：供应商提供的 API 地址。
[*]API Key：供应商提供的访问密钥。
3. 创建语言模型语言模型用于AI应用管理中，在“AI模型管理”中，点击“添加模型”，选择所需要的供应商https://picx.zhimg.com/v2-dc0bb0e2122fae4e8f1f7647e658703b_1440w.jpg
4. 添加语言模型
https://pic1.zhimg.com/v2-a2a96b82c04589f5e8e5656b790e9ee6_1440w.jpg填写以下信息：
[*]模型名称：例如 敲敲云小助手。
[*]模型类型：此处选择 语言模型，AI应用管理中的AI模型必须为语言模型。
[*]基础模型：如 gpt-4o。
[*]API 域名：供应商提供的 API 地址。
[*]API Key：供应商提供的访问密钥。
三、知识库创建
1.创建知识库进入"AI知识库"，点击"创建知识库" ，输入信息即可创建知识库https://picx.zhimg.com/v2-8a12430515722a3155cb21af1a619a27_1440w.jpg填写基础信息：
[*]知识库名称 ：自定义，例如 积木报表官方知识库。
[*]知识库描述：简要介绍知识库内容。
[*]向量模型：选择上一节创建的向量模型"敲敲云向量模型"。
2. 上传积木报表文档zip文件
[*]点击创建的知识库，在"文档"中，点击"文档库上传"
https://pica.zhimg.com/v2-47d727cd4caca63e0f41f13bb851b7a8_1440w.jpg
[*]选择积木报表文档zip文件，上传即可
https://picx.zhimg.com/v2-8674a1d99e50a6615949ed68c3d0e885_1440w.jpg
[*]文档上传完成，并向量化成功
https://pic2.zhimg.com/v2-53604081b3bc37739371cc9cde836fdf_1440w.jpg
3. 命中测试在"命中测试"中，输入问题，可查看命中率及命中片段https://pic2.zhimg.com/v2-360c880678e09787f8c9446a5a0cec5f_1440w.jpg至此知识库就创建好了。
四、创建应用
1. 创建应用进入"AI应用创建"，点击创建应用，填写应用信息即可创建应用https://pic3.zhimg.com/v2-0ec371a1388b917396829bd5154bef2e_1440w.jpg
2. 应用配置点击创建的应用即可进入应用配置界面https://picx.zhimg.com/v2-96226f406e53b3cb6e20e4cce33b2f91_1440w.jpg
[*]提示词：用于引导 AI 生成符合预期的回答，可通过生成来生成提示词。
[*]开场白：当用户开启新话题时，AI 主动发送的欢迎语。
[*]预设问题：预设问题是新对话的初始引导，用户可以快速发起预设对话。
[*]快捷指令：是对话输入框上方的按钮，配置完成后，用户可以快速发起预设对话。
https://pic4.zhimg.com/v2-bf44347e943afc7c5cef47e78f3e51bb_1440w.jpg
[*]AI模型：选择第三步创建的AI语言模型"敲敲云小助手"
[*]知识库：添加知识库后，用户发送消息时，智能体能够引用文档知识中的内容回答用户问题。 例如选则为第四部创建的知识库"积木报表官方知识库"
[*]历史聊天记录：AI 记住的历史对话数量，影响上下文关联能力。
五、AI客服使用
1. 演示
[*]在"AI应用创建"中，找到添加好的积木报表AI应用，点击演示即可进入AI客服演示界面
https://pica.zhimg.com/v2-4bdfede7e928d47377d640fdb6ecb2d2_1440w.jpg
[*]输入想问的问题，AI客服即可回答
https://pica.zhimg.com/v2-3be0f98043f4974996f50394d59bb7a4_1440w.jpg
2. 部署
[*]可使用"iframe"方式嵌入到你的网站中，也可使用"script" 方式 添加到网页的body区域中
https://picx.zhimg.com/v2-b8aea4c30f488f106b599a55161d7249_1440w.jpg
[*]示例，在html中嵌入
<blockquote><!DOCTYPE html>
[*]效果
在页面右下角展示AI客服https://pica.zhimg.com/v2-71b9279ca26bae5876318b12e7649660_1440w.jpg点击AI客服即可提问了https://pica.zhimg.com/v2-97174e53554abc0cdd20ed56afb2deb6_1440w.jpg也可以将AI客服嵌入到你自己的项目中，快来试试吧！
页:
[1]