背景

个人创建的源码分享和UML生成网站AIWAVE 公众号马上突破5000关注人数，网站访问量也在不断上升，经常有同学加我好友，咨询使用的问题，之前发布过网站的使用文章，可能是不够直观，在现在这个信息爆炸的时代，认真的读完一个使用说明是比较困难的事情，为了节省同学们和我自己的时间，利用AI技术做一个网站的使用智能助手。

什么是Coze

Coze 是字节下面的一个用于快速构建和部署 AI 助手（Agent）的低代码平台，支持基于大模型创建具备自然语言对话、上下文记忆、知识库问答、工具调用以及多步骤任务执行能力的智能体。平台通过可视化配置和模块化设计，大幅降低了 AI 应用的开发门槛，使非技术用户也能快速上手，同时又为有技术背景的用户提供了足够的扩展空间。Coze 的核心优势在于其完整的 Agent 能力体系和良好的工程化支持：一方面可灵活接入企业文档、业务数据和外部 API，构建贴合实际业务场景的智能助手；另一方面支持工作流编排与插件机制，能够将复杂任务拆解并自动执行。此外，Coze 支持多平台部署，便于将 AI 能力快速落地到产品、客服、运营或内部系统中，帮助个人和企业高效实现 AI 应用的规模化与实用化。个人使用者有一定的免费额度，适用于体量较小的系统接入，如果需要很多的访问量可以购买升级服务。

智能体创建流程

一、准备系统使用说明

首先需要整理一份完整且结构清晰的系统使用说明，这是智能助手能够准确回答问题的基础。内容可以包括但不限于：

• 网站的核心功能介绍
• 主要页面和模块说明
• 常见使用场景与操作步骤
• 常见问题（FAQ）及解决方式

说明文档不需要追求形式复杂，Markdown、Word、PDF 等格式均可，重点是信息准确、覆盖用户高频问题。Coze支持文档地址导入，由于之前公众号已经发布了网站的使用说明，这次直接将文档地址给知识看，刚好测试一下他的能力

二、在 Coze 中创建智能助手

登录 Coze 平台后，点击左侧的扣子编程菜单，会进入扣子编程的页面，然后选择知识库

在右上角 资源 菜单选择知识库

选择知识库类型，本次选择轻量的知识库，根据自己的需求选择即可

输入知识库的名称，和选择导入的类型，导入类型需要根据自己提炼的文档就行选择

创建完成后，根据提示输入需要采集的url文章的地址，等待一会，查看采集到的文章内容，这次采集的内容如下

如需查看采集到的资源可以在左侧的资源库查看，效果如下

三、智能体接入知识库

前面的步骤已经将所需要的内容准备好了，接下来就是将智能体接入到准备好的知识库中，点击新建创建一个智能体。

输入想要展示的智能体的名字和图标，点击创建

进入到编程页面，点击知识库文本后面的+号选择前面准备好的使用文档

点击添加，就会把想要的知识库加入到智能体的问答上下文中

选择完成后，尝试询问一个问题，比如：aiwave是什么，下面是回复全文，检查下回复还是很准确的

回复：

aiwave 是一个具有两大核心功能的网站，能够解决相关痛点，同时具备两大特色优势：

核心功能

1. 历届计算机源码下载：拥有持续更新的源代码资源库，涵盖各类经典算法、项目案例，可一键下载，方便学习参考。提供 3000 套历届计算机源码下载，包含 Springboot、vue、小程序、uniapp 相关的源码，大部分源码附有操作视频和详细文档，还有计算机相关的电子书下载。所有链接均附提取码，若提示需要密码，通常是因为未登录网盘账户，登录后即可自动提取。
2. AI 智能绘图工具：

• • ER 图：用于呈现系统的数据结构与实体关系，是毕业设计报告中的核心图之一。aiwave 提供自动生成与后续编辑能力，支持实体 / 属性 / 关系调整及整体结构优化，并可导出高清图像格式。
  • 流程图：描述系统流程、业务逻辑与操作路径的直观方式。aiwave 提供自动生成与后续补全能力，帮助用户快速搭建流程骨架，并在此基础上进行细节优化与结构调整。
  • 时序图：用于说明多角色或多模块之间的调用顺序与交互逻辑，是系统设计中不可或缺的表达方式。aiwave 支持根据自然语言描述自动生成结构清晰的时序图，帮助用户快速梳理系统交互流程。
  • 用例图：用于梳理系统中的参与者与核心功能，直观体现功能覆盖范围及角色之间的关系，是需求分析和系统设计阶段的重要工具。aiwave 支持根据文本描述自动生成结构清晰的用例图，帮助用户快速构建系统功能全貌。
  • 功能模块图：可快速生成模块结构图并支持编辑与细化，使系统结构更直观、可读。适用于架构展示、模块设计与答辩说明场景。
  • 三线表：支持根据 SQL 语句自动生成，能够快速完成数据表格整理与规范化排版，显著降低三线表制作成本，解决传统手工制表的效率难题。

特色优势

1. 极简体验：零学习成本，打开即用，界面清爽，专注核心功能。
2. 云端存储：所有图形自动云端保存，随时随地访问编辑，历史版本随时追溯。

四、发布Chat Sdk

点击右上角的发布，选择发布类型为Chat Sdk，发布成功如下图

点击安装会出现一串js代码，需要接入自己的网站中

系统接入流程

一、创建Token

上一步已经获取到了嵌入网站的js代码，需要替换成自己的token，点击左侧的API管理，点击个人访问令牌

创建完token有弹出token串，按要求保存好

现在我们得到了完整的js

<script src="https://lf-cdn.coze.cn/obj/unpkg/flow-platform/chat-app-sdk/1.2.0-beta.19/libs/cn/index.js"></script>
<script>
  new CozeWebSDK.WebChatClient({
    config: {
      bot_id: '7598382867219152922',
    },
    componentProps: {
      title: 'Coze',
    },
    auth: {
      type: 'token',
      token: 'pat_OzZUk3vmu5gGOCo04zLR1SRQir0tqXBiCHgvVGEfR7k4yTQGqgks08A9MpsvE',
      onRefreshToken: function () {
        return 'pat_OzZUk3vmu5gGOCo04zLR1SRQir0tqXBiCHgvVGEfR7k4yTQGqgks08A9MpsQE'
      }
    }
  });
</script>

二、系统接入

在现有的代码body里面插入上面的代码，注意js需要先加载，我这边网站使用Vue3开发，在html里面加入下面的代码即可。

启动系统右下方会出现客服的图标

点击图标就可以和助手进行对话，下面是对话的效果

总结

步骤

核心流程分为以下几个步骤：

1. 创建Coze机器人：在Coze平台创建一个新的机器人（Bot）。
2. 配置知识库：将aiwave.site网站链接添加为机器人的知识库，使助手能够获取并理解网站上的信息。
3. 设置开场白：编写一段友好的引导语，用于在用户初次与助手互动时介绍其功能和用途。
4. 发布与接入：将配置好的机器人发布到Coze提供的多个渠道之一，例如“API”或“网站”，以获取可用于集成到aiwave.site的链接或代码片段。

流程示意

使用心得

分享以下几点心得，这或许能帮助您更好地评估和应用此方案：

1. 技术门槛极低，赋能非技术人员：该方案最大的优势在于无需编写代码。运营、产品、内容编辑等非技术背景的团队成员也可以独立完成一个智能助手的搭建和部署，极大地降低了AI技术的应用门槛，加快了业务试错和迭代的速度。
2. 核心在于“知识库”质量：助手的能力上限很大程度上取决于喂给它的知识库。文档中强调添加网站链接，这意味着需要确保 aiwave.site上的内容本身是结构清晰、准确且完整的。定期更新和维护网站内容，就等于是在优化助手的大脑。
3. 清晰的边界设定：通过开场白等功能，可以预先设定助手的职责范围，管理用户预期。例如，开场白可以明确说明“我是基于aiwave.site网站内容为您服务”，这能有效避免用户提出超出范围的问题而导致体验下降。
4. 灵活性与可扩展性：Coze 平台提供的多种发布方式（如API、网站插件等）为未来集成提供了灵活性。当前可以嵌入网站，未来若需要接入微信、飞书等其他平台，流程是相似且可行的。

Coze费用说明

现在个人有一定的免费额度，如需深度使用根据需要进行套餐选择