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

简介: 本活动教你10分钟内在网站上搭建AI助手,无需费用和技术门槛。通过阿里云百炼平台,可0代码创建大模型RAG应用,结合函数计算暴露为前端API,轻松实现智能问答。还可通过添加私有知识提升回答准确性,适用于企业官网等场景。

本方案现在支持免费试用,点击https://www.aliyun.com/solution/tech-solution-deploy/2861812方案链接即可体验

一、引言

本活动带您10分钟内在网站上完成AI助手的搭建,无体验费用(阿里云提供免费试用资源)、无技术门槛,人人皆可快速上手玩转AI。借助阿里云百炼您可以 0 代码创建一个大模型 RAG 应用,来实现 AI 助手的智能问答能力,然后通过函数计算将其暴露为网页前端可访问的 API,在前端代码中通过几行代码引入 AI 助手,用户就可以在您的网站上看到一个 AI 助手,并与之开展对话啦!快来动手赢取好礼!


二、方案概览

在网站上增加一个 AI 助手,只需几步:

  1. 创建大模型应用:通过阿里云百炼创建一个大模型应用,并获取调用大模型应用 API 的相关凭证。
  2. 准备示例网站:通过函数计算,来快速搭建一个网站,模拟企业官网或者其他站点。
  3. 引入AI助手:通过修改几行前端 HTML 代码,即可实现在网站中引入一个 AI 助手。
  4. 增加私有知识:可以通过准备一些私有知识,让 AI 助理能回答原本无法准确回答的问题,更好的应对客户咨询。


三、部署指南


1. 创建大模型问答应用

首先我们可以通过创建一个百炼应用,来获取大模型的推理 API 服务,用于实现 AI 助手。

1.1 创建应用

  1. 进入百炼控制台的“我的应用”,创建应用。
  2. 在应用设置页面,模型选择通义千问-Plus,其他参数保持默认。

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

1.2 获取调用 API 所需的凭证

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

  1. 返回我的应用页面,点击查看我的API-KEY,在弹出窗口中创建一个新API-KEY。
  2. 在应用列表中可以查看所有百炼应用 ID。

2. 搭建示例网站

在让 AI 助手能准确回答问题之前,我们可以先尝试快速将 AI 助手集成到网站中。

您可以通过我们提前准备好的应用模板,快速搭建一个空白的示例网站,用于模拟您的企业官网或者其他站点。

2.1 创建应用

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

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

2.2 访问网站

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

3. 为网站增加 AI 助手

在网站中增加 AI 助手非常简单,您只需要在网站的 html 文件中插入几行代码。

3.1 增加 AI 助手相关代码

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

  1. 回到应用详情页,在环境详情的最底部找到函数资源,点击函数名称,进入函数详情页。
  2. 进入函数详情页后,在代码视图中找到public/index.html文件,然后取消③所在位置的代码注释即可。
  3. 最后点击部署代码,等待部署完成即可。

3.2 验证网站上的 AI 助手

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

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

通过前面的步骤,您已经拥有了一个可以和客户对话的 AI 助手。但是,如果想让 AI 助手像公司员工一样,更加精准且专业地回答与商品相关的问题,我们还需要为大模型应用配置知识库。

4.1 配置知识库

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

  1. 上传文件:在百炼控制台的数据管理中点击导入数据,根据引导上传我们的私有知识内容:
  2. 建立索引:进入知识索引,根据引导创建一个新的知识库,并选择刚才上传的文件,其他参数保持默认即可。知识库将为上一步骤中准备的文档建立索引,以便后续大模型回答时检索参考。

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

4.2 检验效果

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

四、挑战部署

阿里云开发者社区向跃跃欲试的您发出特别邀请,点击阅读原文参与“10分钟在网站上增加一个AI助手”活动,缤纷好礼等你来赢取。也请您持续关注,更多AI专题活动即将火热上线!



来源  |  阿里云开发者公众号

相关文章
|
3月前
|
人工智能 自然语言处理 安全
魔搭社区模型速递(7.12-7.19)
🙋魔搭ModelScope本期社区进展:3072个模型,193个数据集,121个创新应用:Qwen-TTS-Demo 📄 8 篇内容:
233 0
|
3月前
|
机器学习/深度学习 人工智能 监控
AI 基础知识从0.1到0.2——用“房价预测”入门机器学习全流程
本系列文章深入讲解了从Seq2Seq、RNN到Transformer,再到GPT模型的关键技术原理与实现细节,帮助读者全面掌握Transformer及其在NLP中的应用。同时,通过一个房价预测的完整案例,介绍了算法工程师如何利用数据训练模型并解决实际问题,涵盖需求分析、数据收集、模型训练与部署等全流程。文章适合初学者和开发者学习AI基础与实战技能。
417 25
AI 基础知识从0.1到0.2——用“房价预测”入门机器学习全流程
|
3月前
|
人工智能 弹性计算 JSON
再不玩通义VACE模型你就过时了!一个模型搞定所有视频任务
阿里巴巴开源通义万相Wan2.1-VACE,业界功能最全的视频生成与编辑模型,支持文生视频、图像参考生成、视频重绘、局部编辑、背景延展等,统一模型实现多任务自由组合,轻量版本消费级显卡即可运行。
|
3月前
|
人工智能 自然语言处理 运维
【新模型速递】PAI-Model Gallery云上一键部署Qwen3-Coder模型
Qwen3-Coder 是通义千问最新开源的 AI 编程大模型正式开源,拥有卓越的代码和 Agent 能力,在多领域取得了开源模型的 SOTA 效果。PAI 已支持最强版本 Qwen3-Coder-480B-A35B-Instruct 的云上一键部署。
|
3月前
|
人工智能 自然语言处理 数据可视化
通义灵码保姆级教程:从数据读取、清洗、结合大模型分析、可视化、生成报告全链路
本课程通过通义灵码实现零代码数据分析全流程,涵盖数据读取、清洗、可视化、报告生成及内容仿写,无需编程基础,轻松掌握从CSV导入到PDF报告输出的实战技能。
|
人工智能 自然语言处理 前端开发
3个月,上百家企业交流,和大家聊聊AI应用的落地实践(开篇)
企业希望自己的业务被 AI 赋能的诉求是强烈的,但大多数企业是不知道从哪里下手的
|
3月前
|
人工智能 前端开发 测试技术
如何让AI帮你做前端自动化测试?我们这样落地了
本文介绍了一个基于AI的UI自动化测试框架在专有云质量保障中的工程化实践。
1500 21
如何让AI帮你做前端自动化测试?我们这样落地了