10分钟在网站上增加一个AI助手

在网站里快速接入一个智能AI助手，听起来很复杂？实际上一套组合拳下来，几分钟就能搞定。阿里云百炼加上函数计算，零代码、零费用门槛，能让你的网站瞬间拥有一个能对话、能回答私域知识的AI窗口。下面就是完整操作路径——拆成四个步骤，跟着走就行。

一、引言

10分钟内，在网站上完成AI助手的搭建——这听起来像是噱头，但确实可行。不需要自己买GPU服务器，不用写一行后端代码，甚至前端只需要改几行HTML。借助阿里云百炼，你可以零代码创建一个基于大模型的RAG应用，实现智能问答；再通过函数计算把AI能力暴露为API，几行代码就能嵌入到任何网页里。用户访问你的网站时，右下角就会弹出可爱的AI对话图标，点击就能开始聊天。

二、方案概览

整个流程可以拆成四步走：

1. 创建大模型应用：在百炼里新建一个应用，获取调用API所需的凭证。
2. 准备示例网站：用函数计算快速搭一个网站（比如企业官网或产品页）。
3. 引入AI助手：在前端HTML里解除几行代码的注释，AI助手就出现在页面上了。
4. 配置私有知识：上传公司内部文档，让AI能准确回答那些原本答不上来的专业问题。

三、部署指南

1. 创建大模型问答应用

首先得有一个能调大模型推理的服务入口。百炼的“我的应用”就是干这个的。

1.1 创建应用

• 进入百炼控制台的“我的应用”，点创建应用。
• 在应用设置里，模型选“通义千问-Plus”，其他参数保持默认。

然后在右侧对话框里随便问两句，验证模型是不是能跑通。不过你很快会发现，它答不上你公司特有的商品信息——别急，后面会教你怎么给它“喂”知识。确认没问题后，点右上角的“发布”。

1.2 获取调用API所需的凭证

后面要通过API调这个应用的能力，所以需要两样东西：API-KEY 和应用ID。

• 返回“我的应用”页面，点“查看我的API-KEY”，弹窗里创建一个新KEY。
• 在应用列表里可以直接看到每个百炼应用对应的ID。

2. 搭建示例网站

在搞私有知识之前，先快速把一个AI助手塞到网页里看看效果。我们提供了一变钱成的应用模板，一键部署就能得到一个空白的示例网站。

2.1 创建应用

打开函数计算的应用模板链接（模板URL由活动方提供），按照下图配置：直接部署，并填入刚才拿到的百炼应用ID和API-KEY。其他表单项保持默认，然后点“创建并部署默认环境”，等待大约1分钟即可完成。

2.2 访问网站

部署完成后，在应用详情的“环境信息”里找到示例网站的访问域名，点击就能看到部署好的页面——确认它是正常可访问的。

3. 为网站增加AI助手

这一步简单得让人怀疑：只需要在网站的HTML文件中解除几行代码的注释。

3.1 增加AI助手相关代码

• 回到应用详情页，在环境详情的最底部找到“函数资源”，点击函数名称进入详情页。
• 在代码视图中找到 public/index.html 文件，然后解除第③处位置的代码注释。

• 点击“部署代码”，等部署完成就行。

3.2 验证网站上的AI助手

重新刷新示例网站页面，你应该会看到右下角出现了一个AI助手图标 ，点击它就能唤起对话窗口。

4. 为AI助手增加私有知识

到现在为止，AI助手虽然能聊天，但对你的商品信息一问三不知。想要它像公司资深客服一样精准回答，需要给它配置一个知识库。

4.1 配置知识库

• 上传文件：在百炼控制台的“数据管理”中点击“导入数据”，按引导上传你的私有知识文档（比如商品手册、FAQ等）。

• 建立索引：进入“知识索引”，创建一个新的知识库，选择刚才上传的文件，其他参数保持默认。这一步会让系统为文档建立索引，方便后续大模型检索参考。

• 引用知识：完成知识库创建后，返回“我的应用”，进入之前创建的应用设置界面，打开“知识检索增强”开关，选中刚才创建的知识库。然后测试一下效果，确认回答准确后再点击“发布”。此时Prompt中会被自动追加一段指令，让大模型在回答时优先参考检索到的知识。

4.2 检验效果

再问几个关于商品的问题试试——AI助手的回复应该变得准确、专业，就像真的了解你们公司内部信息一样。至此，一个带私有知识的AI助手就正式上线了。