华为云Flexus+DeepSeek征文 | 基于Dify构建网站智能客服

Just_Paranoid2025-06-14 8:43

华为云Flexus+DeepSeek征文 | 基于Dify构建网站智能客服

一、构建网站智能客服引言

在当今数字化时代，智能客服已成为企业提升客户服务效率和用户体验的重要工具。传统客服系统往往面临人力成本高、响应速度慢、知识更新滞后等问题。而基于大语言模型(LLM)的智能客服解决方案能够7×24小时不间断服务，快速响应客户需求，大幅降低企业运营成本。

DeepSeek-R1作为一款性能卓越的开源大语言模型，在数学推理(MATH 500第一)和代码生成(LiveCodeBench第一)等场景表现突出，特别适合处理复杂的多轮对话场景。而Dify作为同样开源的生成式AI应用开发平台，提供了可视化编排界面和丰富的功能模块，使开发者无需编写复杂代码即可快速构建AI应用。

DeepSeek-R1与Dify的结合为企业提供了零代码开发、高性能推理、知识增强和显著成本优势的一站式智能客服解决方案：通过Dify可视化界面3分钟即可搭建应用，DeepSeek-R1在多步骤逻辑问题处理上比传统方案快5-10倍，结合RAG技术可关联企业私有文档提升回答准确性，同时华为云FlexusX + 华为云ModelArts Studio 为项目的稳定高效的运行提供可靠的基础，还让用户更省钱！

二、构建网站智能客服环境

2.1 基于FlexusX实例的Dify平台

华为云FlexusX实例提供高性价比的云服务器，按需选择资源规格、支持自动扩展，减少资源闲置，优化成本投入，并且首创大模型QoS保障，智能全域调度，算力分配长稳态运行，一直加速一直快，用于搭建Dify-LLM应用开发平台。

Dify是一个能力丰富的开源AI应用开发平台，为大型语言模型（LLM）应用的开发而设计。它巧妙地结合了后端即服务（Backend as Service）和LLMOps的理念，提供了一套易用的界面和API，加速了开发者构建可扩展的生成式AI应用的过程。

参考：华为云Flexus+DeepSeek征文 | 基于FlexusX单机一键部署社区版Dify-LLM应用开发平台教程

2.2 基于MaaS的模型API商用服务

MaaS预置服务的商用服务为企业用户提供高性能、高可用的推理API服务，支持按Token用量计费的模式。该服务适用于需要商用级稳定性、更高调用频次和专业支持的场景。

参考：华为云Flexus+DeepSeek征文 | 基于ModelArts Studio开通和使用DeepSeek-V3/R1商用服务教程

三、构建网站智能客服实战

3.1 配置Dify环境

输入管理员的邮箱和密码，登录基于FlexusX部署好的Dify网站

将MaaS平台的模型服务接入Dify，这里我们选择的是DeepSeek R1商用服务，需要记住调用说明中的接口信息和 API Key 管理中API Key，若没有可以重新创建即可

配置Dify模型供应商：设置 - 模型供应商 - 找到OpenAI-API-compatible供应商并单击添加模型，在添加 OpenAI-API-compatible对话框，配置相关参数，然后单击保存

参数 说明
模型类型 选择LLM。
模型名称 填入模型名称。
API Key 填入创建的API Key。
API Endpoint URL 填入获取的MaaS服务的基础API地址，需要去掉地址尾部的"/chat/completions"后填入

3.2 创建智能客服应用

为了让智能客服能够基于企业内部的知识文档进行问答，可以在Dify中创建一个知识库，Dify能够协助进行数据的分段和清理工作，Dify提供两种索引方式：高质量和经济。

比较项目 高质量索引 经济索引
索引原理 通过嵌入模型将文本块转换为数字向量，进行精确匹配，可使用向量检索、全文检索、混合检索。 每个文本块仅使用10个关键词，采用倒排索引方法选择相关文本块。
检索精度 精度高，可使用重排模型等优化结果。 相对较低。
资源消耗 启用重排模型等功能会消耗模型Tokens，对系统资源要求较高。 不消耗Tokens，对资源要求低。
适用场景 适用于对检索准确性和结果质量要求高的场景，例如专业知识查询、科研文献检索等自然语言文本场景。 适用于对检索速度要求较高、对精度要求相对较低的一般性场景，例如快速浏览大量文档获取大致信息。
检索设置 有向量检索、全文检索、混合检索三种检索设置，可配置Rerank模型等。 只提供倒排索引方法，无复杂检索设置和参数配置。

创建知识库：在Dify平台导航栏，单击知识库，选择创建知识库，在选择数据源页面，上传知识文档（可以同时上传多个文本文件）

索引方式选择经济，配置其他信息，单击保存并处理

等待知识库处理并完成即可

处理完成后，可以在召唤测试中进行测试

创建并调试客服机器人：在工作室页签，单击创建空白应用，应用类型选择Agent，输入名称和描述，进入AI的编排页面

进行AI人设设置，在左上角提示词处输入Prompt ，设定该AI与用户交谈时的语气和风格。

智能客服提示词示例：你是一个友好的智能客服助手，负责解答用户提出的关于产品的问题、处理订单、提供技术支持。当用户提出的问题你没有找到合适答案的时候，要回答不知道。

在上下文处添加刚刚创建的知识库，让AI基于内部知识回答问题。

单击右下角功能的管理打开功能开关，配置开场白，即用户进入界面后AI的开场问候语

例如：您好，有什么可以帮到您的？

在添加功能处开启下一步问题建议配置功能，基于业务场景设置AI对于用户问题的指引，例如提供常见问题选项或引导用户进一步说明问题

您可以在页面右侧窗口输入Prompt进行效果调试

完成以上配置后，单击右上角发布菜单中发布更新保存设置

3.3 使用网站智能客服

在Dify平台完成客服机器人的创建与调试后，可以选择发布 - 运行 测试正式的网站智能客服Agent应用，本应用会进行两次思考，基本流程是：思考问题 - 查询知识库 - 基于知识库和自己思考总结输出回答

还可以将客服机器人嵌入网页前端页面，单击"发布"，选择"嵌入网站"，选择嵌入方式。Dify支持全屏界面式、悬浮窗式、浏览器插件式三种嵌入方式，请您根据需求选择合适的方式。

先使用 DeepSeek R1 生成一个企业官网HTML代码

提示词：写一个简单的HTML网页，蓝色为主色，有公司官网的风格

html 复制代码 
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>蓝海科技 - 官方网站</title>
    <style>
        /* 蓝色主题CSS (主色#007bff) */
        body {
            font-family: 'Microsoft YaHei', Arial, sans-serif;
            margin: 0;
            padding: 0;
            color: #333;
            line-height: 1.6;
        }
        
        /* 导航栏 */
        .navbar {
            background: #007bff;
            color: white;
            padding: 15px 0;
            position: fixed;
            width: 100%;
            top: 0;
            box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        }
        
        .nav-container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        
        .logo {
            font-size: 24px;
            font-weight: bold;
        }
        
        .nav-links a {
            color: white;
            text-decoration: none;
            margin-left: 20px;
            padding: 5px 10px;
            border-radius: 4px;
            transition: background 0.3s;
        }
        
        .nav-links a:hover {
            background: rgba(255,255,255,0.2);
        }
        
        /* 主要内容区 */
        .main-content {
            margin-top: 80px;
            padding: 40px 20px;
        }
        
        .hero {
            background: #e6f2ff;
            padding: 60px 0;
            text-align: center;
            border-radius: 8px;
            margin-bottom: 30px;
        }
        
        .hero h1 {
            color: #0056b3;
            font-size: 2.5em;
        }
        
        .section {
            background: white;
            padding: 30px;
            margin-bottom: 30px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        
        .section h2 {
            color: #007bff;
            border-bottom: 2px solid #e6f2ff;
            padding-bottom: 10px;
        }
        
        /* 页脚 */
        .footer {
            background: #003366;
            color: white;
            text-align: center;
            padding: 20px 0;
            margin-top: 40px;
        }
        
        .cta-button {
            display: inline-block;
            background: #0056b3;
            color: white;
            padding: 10px 20px;
            text-decoration: none;
            border-radius: 4px;
            margin-top: 20px;
            transition: background 0.3s;
        }
        
        .cta-button:hover {
            background: #003d7a;
        }
    </style>
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="nav-container">
            <div class="logo">蓝海科技</div>
            <div class="nav-links">
                <a href="#home">首页</a>
                <a href="#about">关于我们</a>
                <a href="#services">服务项目</a>
                <a href="#contact">联系我们</a>
            </div>
        </div>
    </nav>
    
    <!-- 主要内容区 -->
    <div class="main-content">
        <!-- 欢迎横幅 -->
        <section class="hero" id="home">
            <h1>创新科技 引领未来</h1>
            <p>我们致力于提供最前沿的技术解决方案</p>
            <a href="#services" class="cta-button">了解我们的服务</a>
        </section>
        
        <!-- 关于我们 -->
        <section class="section" id="about">
            <h2>关于我们</h2>
            <p>蓝海科技成立于2010年，是一家专注于企业级软件开发和云计算解决方案的高科技企业。我们拥有超过200名专业技术人员，服务客户遍布全国。</p>
            <p>我们的使命是通过技术创新帮助企业实现数字化转型，提升运营效率。</p>
        </section>
        
        <!-- 服务项目 -->
        <section class="section" id="services">
            <h2>服务项目</h2>
            <ul>
                <li>企业软件开发与定制</li>
                <li>云计算与大数据解决方案</li>
                <li>人工智能应用开发</li>
                <li>IT咨询与技术支持</li>
            </ul>
        </section>
        
        <!-- 联系我们 -->
        <section class="section" id="contact">
            <h2>联系我们</h2>
            <p>电话: 400-888-8888</p>
            <p>邮箱: [email protected]</p>
            <p>地址: 北京市海淀区科技园路88号</p>
        </section>
    </div>
    
    <!-- 页脚 -->
    <footer class="footer">
        <p>&copy; 2025 蓝海科技有限公司 版权所有</p>
    </footer>
</body>
</html>

生成的HTML效果如下

以"悬浮窗式"为例，将下方的代码复制到您网站<head>或<body>标签中，更新网站页面，即可与该客服机器人进行对话。

javascript 复制代码 
<script>
 window.difyChatbotConfig = {
  token: 'EM3MfDA0kaomjLDg',
  baseUrl: 'http://localhost',
  systemVariables: {
    // user_id: 'YOU CAN DEFINE USER ID HERE',
    // conversation_id: 'YOU CAN DEFINE CONVERSATION ID HERE, IT MUST BE A VALID UUID',
  },
 }
</script>
<script
 src="http://localhost/embed.min.js"
 id="EM3MfDA0kaomjLDg"
 defer>
</script>
<style>
  #dify-chatbot-bubble-button {
    background-color: #1C64F2 !important;
  }
  #dify-chatbot-bubble-window {
    width: 24rem !important;
    height: 40rem !important;
  }
</style>

然后在右下角的位置就会出现智能客服的图标

这样我们就完成了构建一个网站智能客服，可以测试下实际使用效果

四、总结

DeepSeek-R1与Dify的结合为智能客服开发提供了高效、灵活且经济的解决方案。通过Dify的可视化编排和DeepSeek-R1的强推理能力，企业可快速构建支持多轮对话、知识库检索的智能客服系统，实现7×24小时服务，显著降低人力成本并提升响应速度。本地化部署保障数据安全，RAG技术增强专业领域回答准确性，而开源特性则大幅降低技术门槛，是传统客服升级的理想选择。

华为云Flexus X云服务器通过柔性算力技术实现CPU/内存灵活配比，性能最高达业界同规格6倍，结合MaaS平台提供的DeepSeek-R1等API服务，实现一键部署和智能调优，为企业提供高性能、稳定高效的智能化云服务解决方案。

相关推荐
山有木兮木有枝_6 小时前
AI大模型幻觉问题的函数调用解决方案：DeepSeek 实战解析
前端·人工智能·deepseek
魔障阿Q10 小时前
华为服务器obsutil使用方法
服务器·人工智能·华为云
—Qeyser12 小时前
让 Deepseek 写电器电费计算器小程序
ai·chatgpt·小程序·deepseek
cooldream20091 天前
华为云Flexus+DeepSeek征文｜基于华为云一键部署Dify平台，接入DeepSeek大模型，构建数据可视化助手应用实战指南
信息可视化·华为云·dify·deepseek大模型
bug菌1 天前
手把手教你DeepSeek-R1本地部署和企业知识库搭建(Ollama+DeepSeek+RAGFlow)【保姆级教学】
人工智能·ollama·deepseek
302AI1 天前
302.AI | DeepAnyLLM 推理增强框架：为任意大模型注入深度推理能力
人工智能·deepseek
lgbisha1 天前
华为云Flexus+DeepSeek征文｜体验华为云ModelArts快速搭建Dify-LLM应用开发平台并创建自己的AI-Agent
人工智能·ai·华为云
Python测试之道2 天前
RAG实战：基于LangChain的《肖申克的救赎》知识问答系统构建指南
langchain·embedding·rag·deepseek
Smaller、FL2 天前
介绍MCP的背景及流程
人工智能·自然语言处理·llm·deepseek·mcp
热门推荐
01Coze扣子平台完整体验和实践（附国内和国际版对比）02【图像处理与机器视觉】XJTU期末考点03KGG转MP3工具|非KGM文件|解密音频04零代码入门 | Coze——让大模型接入自己的数据库05从零安装 LLaMA-Factory 微调 Qwen 大模型成功及所有的坑06YOLOv8入门 | 重要性能衡量指标、训练结果评价及分析及影响mAP的因素【发论文关注的指标】07扣子（coze）实战|我用扣子搭建了一个自动分析小红薯笔记内容的AI应用|详细步骤拆解08海康Visionmaster-常见问题排查方法-启动阶段09【SpeedAI科研小助手】2分钟极速解决知网维普重复率、AIGC率过高，一键全文降！文件格式不变，公式都保留的！10坚果投影仪J10如何用苹果Siri开关机并和米家联动