10 分钟打造你的专属 AI 客服

关注

原创 2025-01-08 16:13:17 1k 阅读 AI 写同款· GEO 优化 ›

在这个数字化时代，提供卓越的客户服务已成为企业脱颖而出的关键。为了满足这一需求，越来越多的企业开始探索人工智能（AI）助手的应用，以实现全天候（7x24）的客户咨询响应，全面提升用户体验和业务竞争力。

本解决方案通过函数计算FC 和大模型服务平台百炼，为您提供一个高效便捷构建 AI 助手思路。通过使用百炼您可以 0 代码创建一个大模型 RAG 应用，来实现 AI 助手的智能问答能力。然后借助函数计算 FC 将其暴露为网页前端可访问的 API。最后在前端代码中通过几行代码引入 AI 助手，用户就可以在您的网站上看到一个 AI 助手，并与之对话。只需 10 分钟即可构建一个 AI 客服，并发布到网站、钉钉、微信公众号或企业微信中，以便全天候（7×24）回应客户咨询，同时可以为大模型应用配置知识库，增强检索，让其更加精准且专业地回答与商品相关的问题，提升用户体验。

适用客户

有企业官网、钉钉、微信等渠道，期望为客户提供产品咨询服务
缺少技术人员开发大模型问答应用

使用产品

函数计算 FC
大模型服务平台百炼

网站中引入一个 AI 助手，只需 4 步

1. 创建大模型问答应用： 先通过百炼创建一个大模型应用，并获取调用大模型应用 API 的相关凭证。

2. 搭建示例网站： 通过函数计算，快速搭建一个网站，模拟您的企业官网或者其他站点。

3. 引入 AI 助手： 将通过修改几行代码，实现在网站中引入一个 AI 助手。

4. 增加私有知识： 通过准备一些私有知识，让 AI 助手能回答原本无法准确回答的问题，帮助您更好的应对客户咨询。

具体步骤如下：

1. 创建大模型问答应用

我们将先通过百炼创建一个大模型应用，并获取调用大模型应用 API 的相关凭证。

百炼提供的新用户免费额度[1]可以完全覆盖本教程所需资源消耗。额度消耗完后按 token 计费，相比自行部署大模型可以显著降低初期投入成本。

1.1 创建应用

进入百炼控制台的我的应用，在页面右侧点击新增应用。在对话框，选择智能体应用并创建。

在应用设置页面，模型选择通义千问-Plus，其他参数保持默认。

您也可以选择输入一些 Prompt，比如设置一些人设以引导大模型更好的应对客户咨询。

你叫小助，可以帮助用户解答产品选购、使用等方面的问题。

在页面右侧可以提问验证模型效果。不过您会发现，目前它还无法准确回答你们公司的商品信息。点击右上角的发布，我们将在后面的步骤中去解决这一问题。

1.2 获取调用 API 所需的凭证

为了在后续通过 API 调用大模型应用的能力，我们需要获取一个百炼应用的 API-KEY 和应用 ID：

在我的应用 > 应用列表中可以查看所有百炼应用 ID。保存应用 ID 到本地用于后续配置。

在顶部导航栏右侧，点击人型图标，点击 API-KEY 进入我的 API-KEY 页面。在页面右侧，点击创建我的 API-KEY，在弹出窗口中创建一个新 API-KEY。保存 API-KEY 到本地用于后续配置。

2. 搭建示例网站

我们将通过函数计算，来快速搭建一个网站，模拟您的企业官网或者其他站点。

函数计算提供的免费试用额度[2]可以完全覆盖本教程所需资源消耗。额度消耗完后按量计费，对于本教程所涉及的 Web 服务，只在有访问的情况下会产生费用。

2.1 创建应用

请点击这里打开我们提供的函数计算应用模板，参考下图选择直接部署、并填写前面获取到的百炼应用 ID 以及 API-KEY。

然后其他表单项保持默认，点击页面左下角的创建并部署默认环境，等待项目部署完成即可（预计耗时 1 分钟）。

这里需要填写百炼应用 ID 和 API-KEY，是因为我们预置的应用模板中包含了通过百炼应用调用大模型的代码，以便您在后续快速完成体验。

2.2 访问网站

应用部署完成后，您可以在应用详情的环境信息中找到示例网站的访问域名，点击即可查看，确认示例网站已经部署成功。

本方案提供的网站为示例网站，网站本身细节内容仅展示样式，效果如下图。

3. 引入 AI 助手

接着我们将通过修改几行代码，实现在网站中引入一个 AI 助手。

3.1 增加 AI 助手相关代码

示例工程中包含了被注释的引入 AI 助手代码，您需要找到并解除注释。详细操作步骤如下：

回到应用详情页，在环境详情的最底部找到函数资源，点击函数名称，进入函数详情页。

进入函数详情页后，在代码视图中找到 public/index.html 文件，然后取消 ③ 所在位置的代码注释即可。

最后点击部署代码，等待部署完成即可。

3.2 验证网站上的 AI 助手

现在，您可以重新访问示例网站页面以查看最新效果。此时您会发现网站的右下角出现了 AI 助手图标，点击即可唤起 AI 助手。

本方案提供的网站为示例网站，网站本身细节内容仅展示样式，效果如下图。

4. 增加私有知识

最后可以通过准备一些私有知识，让 AI 助手能回答原本无法准确回答的问题，帮助您更好的应对客户咨询。

假设您在一家售卖智能手机的公司工作。您的网站上会有很多与智能手机相关的信息，如支持双卡双待、屏幕、电池容量、内存等信息。不同机型的详细配置清单参考：百炼系列手机产品介绍.docx [ 3] 。

4.1 配置知识库

接下来，我们可以尝试让大模型在面对客户问题时参考这份文档，以产出一个更准确的回答和建议。

1. 上传文件： 在百炼控制台的数据管理中的非结构化数据页签中点击导入数据，根据引导上传我们虚构的百炼系列手机产品介绍：

根据您上传的文档大小，百炼需要一定时间解析，通常占用 1~6 分钟，请您耐心等待。

2. 建立索引： 进入知识索引，根据引导创建一个新的知识库，并选择刚才上传的文件，其他参数保持默认即可。知识库将为上一步骤中准备的文档建立索引，以便后续大模型回答时检索参考。

选择向量存储类型时，如果您希望集中存储、灵活管理多个应用的向量数据，可选择 ADB-PG。

3. 引用知识： 完成知识库的创建后，可以返回我的应用进入到刚才创建的应用设置界面，打开知识检索增强开关、选择目标知识库，测试验证符合预期后点击发布。Prompt 中会被自动添加一段信息，以便大模型在后续回答时参考检索出来的信息。

4.2 检验效果

有了参考知识，AI 助手就能准确回答关于您公司的商品的问题了。

总结

通过前面的学习，您已经能搭建一个大模型 RAG 应用，并且将其以 AI 助手的形式添加到网站中来应对客户咨询，过程仅需 0 元（免费试用额度内） 10 分钟。

方案解决详情请查看：https://help.aliyun.com/zh/model-studio/use-cases/add-an-ai-assistant-to-your-website-in-10-minutes

相关链接：

[1] 新用户免费额度

https://help.aliyun.com/zh/model-studio/new-free-quota

[2] 免费试用额度

https://help.aliyun.com/zh/functioncompute/fc-3-0/product-overview/trial-quota-1

[3] 百炼系列手机产品介绍.docx

https://help-static-aliyun-doc.aliyuncs.com/file-manage-files/zh-CN/20240701/geijms/%E7%99%BE%E7%82%BC%E7%B3%BB%E5%88%97%E6%89%8B%E6%9C%BA%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D.docx