在浏览各类网站时,你是否注意到右下角弹出的那个聊天窗口?

它通常是用来联系客服、解答问题的。

但你是否曾想过,只需几行代码就能搭建一个智能助手,并将其无缝集成到自家网站?

现在,借助Dify和DeepSeek的强大能力,我们可以轻松搭建一个智能客服系统,并将其无缝集成到自己的网站上。

无论是技术小白还是资深开发者,只需几行代码,就能实现这一目标。

本文将带你一步步完成从知识库搭建到智能客服发布的完整流程,让你快速体验AI技术带来的便利与效率!

最终实现的效果如下:在网站上嵌入一个问答机器人,只需要在你官网的前端加上几行代码就可以了。

这个问答机器人内置你本地行业知识库,DeepSeek+垂直领域专业知识库,让AI真正在企业中落地应用起来。

图片

一 搭建知识库

打开本地部署的Dify网站。

1、点击知识库菜单,点击创建知识库

图片

2、上传本地知识库,这里选择上传本地文件

图片

上传本地文本文件,点击下一步。

图片

创建的知识库文本示例:(温馨提示,AI生成,不代表真实信息)

图片

3、文本分段与清洗

自定义分段标识符,我这里用###来分隔。

选择Embedding模型,我这里用硅基流动的嵌入模型,如果纯本地化部署,可以选择本地搭建嵌入模型。

点击保存并处理。

图片

图片

4、等待处理完成。

嵌入完成会有对钩标识。

图片

5、查询知识库。

创建完成可以在知识库中看到我们新建的医院客服文档了。

图片

6、查看知识库分段

点击进去,然后点击医院客服,可以查看具体的分段信息。

文档合理的分段是知识库是否好用的指标之一,一问一答的分段格式非常适合这种问答机器人。

图片

图片

7、测试

点击召回测试,我们随便问个问题,可以看到返回的段落。

图片

8、修改配置

点击设置可以查看我们知识库配置。

可以修改Embedding模型,检索类型(向量检索、全文检索、混合检索)

可以修改Top K值,这个是召回数量,每次返回的分段数,默认为3,最大可设置为10。

可以修改Score 阈值,默认不开启,值为0.5。比如我们开启后,设置值为0.5,那么大于0.5的才会被返回。

图片

我把Score阈值改为0.5,可以看到只有一个召回段落了。

图片

后续测试就使用默认配置,不修改这个Score值。

二 创建聊天助手

1、创建聊天助手

点击工作室,创建空白应用。

图片

选择聊天助手,名称我就填写医疗智能问答机器人,点击创建。

图片

2、配置聊天助手

主要就是编写提示词,选择大模型,添加知识库。

大模型选择我们本地搭建的DeepSeek,知识库添加刚才的医院客服,提示词我就写简单些了,大家后续根据自己实际应用来。

图片

添加知识库:

图片

3、测试

在聊天框输入问题进行测试。

返回的结果会包含引用的知识库文档信息。

图片

三 发布聊天助手到自己网站

测试成功后可以发布出去。可以嵌入到网站中、直接运行或提供访问API接口。

图片

在发布中选择嵌入网站:

我们这里举个简单的例子,以ifame为例嵌入到自己的网站中。

图片

我就用DeepSeek写一个简单的Html医院官网页面,大家实际用的时候可以嵌入到自己真实的系统中去。

图片

下面我们把这个问答机器人嵌入其中。

最终可以实现这个效果,在网站中右下角有个悬浮球,点击一下弹出对话窗口,可以和我们的聊天助手愉快的交流了。

图片

看看HTML代码更改的部分:主要是把发布里面的iframe的那几行代码嵌入到网站中。

图片

CSS样式代码,问答机器人的样子(比如长、宽、高、颜色)可以自己的需求修改就可以了。

想要漂亮的展示就可以多写一点,样式不是必须要这么多代码的。

图片

除了这种iframe插入的方式,发布还可以使用脚本来实现。

图片

或者使用浏览器插件来实现。

图片

最终选择一个适合自己的就可以了。代码不会的小伙伴不用担心,我的示例代码都是DeepSeek写出来的。

提出需求,交给AI,我们需要的只是创意和想法。

图片

通过Dify和DeepSeek的结合,我们不仅简化了智能助手的开发流程,还大幅降低了技术门槛。

只需几行代码,你就能将强大的AI助手集成到自家网站,为用户提供更智能的服务。

未来已来,AI技术正在改变我们的生活和工作方式。

如果你有好玩的想法和创意,欢迎评论区留言,一起探讨AI的无限可能!

 大模型&AI产品经理如何学习

求大家的点赞和收藏,我花2万买的大模型学习资料免费共享给你们,来看看有哪些东西。

1.学习路线图

第一阶段: 从大模型系统设计入手,讲解大模型的主要方法;

第二阶段: 在通过大模型提示词工程从Prompts角度入手更好发挥模型的作用;

第三阶段: 大模型平台应用开发借助阿里云PAI平台构建电商领域虚拟试衣系统;

第四阶段: 大模型知识库应用开发以LangChain框架为例,构建物流行业咨询智能问答系统;

第五阶段: 大模型微调开发借助以大健康、新零售、新媒体领域构建适合当前领域大模型;

第六阶段: 以SD多模态大模型为主,搭建了文生图小程序案例;

第七阶段: 以大模型平台应用与开发为主,通过星火大模型,文心大模型等成熟大模型构建大模型行业应用。


2.视频教程

网上虽然也有很多的学习资源,但基本上都残缺不全的,这是我自己整理的大模型视频教程,上面路线图的每一个知识点,我都有配套的视频讲解。

(都打包成一块的了,不能一一展开,总共300多集)

因篇幅有限,仅展示部分资料,需要点击下方图片前往获取

3.技术文档和电子书 

这里主要整理了大模型相关PDF书籍、行业报告、文档,有几百本,都是目前行业最新的。



4.LLM面试题和面经合集


这里主要整理了行业目前最新的大模型面试题和各种大厂offer面经合集。



👉学会后的收获:👈
• 基于大模型全栈工程实现(前端、后端、产品经理、设计、数据分析等),通过这门课可获得不同能力;

• 能够利用大模型解决相关实际项目需求: 大数据时代,越来越多的企业和机构需要处理海量数据,利用大模型技术可以更好地处理这些数据,提高数据分析和决策的准确性。因此,掌握大模型应用开发技能,可以让程序员更好地应对实际项目需求;

• 基于大模型和企业数据AI应用开发,实现大模型理论、掌握GPU算力、硬件、LangChain开发框架和项目实战技能, 学会Fine-tuning垂直训练大模型(数据准备、数据蒸馏、大模型部署)一站式掌握;

• 能够完成时下热门大模型垂直领域模型训练能力,提高程序员的编码能力: 大模型应用开发需要掌握机器学习算法、深度学习框架等技术,这些技术的掌握可以提高程序员的编码能力和分析能力,让程序员更加熟练地编写高质量的代码。

1.AI大模型学习路线图
2.100套AI大模型商业化落地方案
3.100集大模型视频教程
4.200本大模型PDF书籍
5.LLM面试题合集
6.AI产品经理资源合集***

👉获取方式:
😝有需要的小伙伴,可以保存图片到wx扫描二v码免费领取【保证100%免费】🆓

Logo

欢迎加入DeepSeek 技术社区。在这里,你可以找到志同道合的朋友,共同探索AI技术的奥秘。

更多推荐