扣子知识库智能体发布到网页使用

很多人问我，怎么把扣子的工作流、知识库弄到自己网页上，做成右下角聊天弹窗，我今天一步步跟大家说清楚。 先看成品效果，打开网页右下角会有个扣子小图标，点一下弹出聊天框，不管是查知识库内容，还是调用工作流都能直接用，输入问题就能正常回复，用起来很方便。 下面讲完整操作步骤： 一、找到旧版智能体创建页面 新版本扣子把这个入口藏起来了，找不到页面的朋友，直接在网址后面加上Space，就能跳转到旧版项目开发页面，只有旧版这里才能创建能用的智能体。 之前怎么创建智能体我就不多说了，咱们直接讲发布环节。 二、发布时开启Chat SDK，获取JS代码 进到做好的智能体页面，点右上角发布，页面往下滑，找到Chat SDK选项，把这个勾选上再点发布，发布成功后会出现安装按钮。 点安装就能拿到一段JS代码，把这段代码完整复制下来备用。 三、制作本地HTML网页文件 要是你自己没有现成网页，就新建一个文本文档： 电脑顶部查看栏，勾选“文件扩展名”，不然看不到后缀； 右键新建文本文档，重命名，把后面的.txt改成.html，弹窗点确认更改扩展名，这个文件就是网页文件了。 右键这个html文件，用记事本打开，准备粘贴代码。 这里注意光粘贴JS代码不行，会显示不出来，得套一层基础HTML结构。不会写基础网页代码的，直接用AI编程工具（比如腾讯Codebody）生成一段最简HTML标签，把复制的JS代码放进里面保存。 四、替换真实Token令牌（关键！不替换弹窗出不来） 很多人粘贴完代码点开网页没反应，问题全在token上！复制的代码里token是带星号的占位符，不是真实凭证，必须去扣子后台换真实令牌： 返回扣子后台，找到API板块，点开授权； 选择服务身份及凭证，点添加，有效期选永久有效，权限全部勾选确定； 生成一串专属令牌，复制下来，替换掉代码里带星号的占位token。 改完保存文件，双击html文件用浏览器打开，右下角扣子图标就出来了，点击就能弹出聊天框正常提问。 五、分享给其他人访问 本地文件只能自己打开，想让别人访问需要服务器+域名： 域名做好解析，绑定到你的服务器； 把做好的html网页文件上传到服务器； 其他人输入域名，就能打开网页使用你的扣子知识库、工作流智能体。 #howto用好AI #智能体 #大模型 #扣子