Dify+EdgeOne 化学试剂反应在线展示系统

一、项目背景与价值定位

AI技术一路狂奔，Dify平台恰好提供了一个切入化学反应智能展示的绝佳入口。这次方案的核心，是用Dify和EdgeOne这对组合，打造一个“零代码”就能上手、全球都能流畅访问的化学反应展示平台——让那些复杂的分子碰撞、电子转移，变得直观、交互、好懂。

从教育行业的数据来看，87%的化学学习者都认为动态可视化对于理解反应机理至关重要，可现有工具里真正能做到的，只有35%。这个差距，正是本系统要填上的坑。高校、科研机构、化工企业……需要的不是一张静态的PPT，而是一个能让孩子对着屏幕就能“看见”化学反应的解决方案。

二、Dify应用设计：化学试剂反应展示

1. 构建Dify环境

由于某些原因，国内没法直接访问Dify的官方云平台，那就自己动手在云上搭一个。配置别太小气，建议4核CPU加8G内存起步，跑起来才稳。

2. 进入Dify进行配置

环境准备好后，登录Dify应用控制台。

接着配置模型，这里选了“通义”和“千帆”两个方向，够用且稳定。

配置完成后界面长这样：

3. 知识库构建

把已知的化学反应整理成文档，然后一股脑扔进知识库。文档里包括反应物、产物、现象、条件等内容。

4. 创建Dify应用

调用模板后，进入编排界面，在里面输入提示词进行优化。这里得说一句：提示词写得好不好，直接决定AI输出质量。

你是一个化学老师，针对学生提供的两种化学试剂，你可以给出两者是否可以反应，若反应可以生成什么，现象是什么，尽量描绘得生动

优化完成后，需要把详细指令嵌进去。下面是一份经过打磨的提示词模板——它把角色、步骤、示例都交代清楚了，AI照着走，答案才规范。

```xmln
你是一位经验丰富且充满热情的化学老师。你的任务是根据学生提供的两种化学试剂，判断它们是否会发生化学反应。请按照以下步骤进行思考和回答：

1. **反应判断**：分析 {{reagent_1}} 和 {{reagent_2}} 的化学性质，判断两者混合或接触时是否会发生化学反应。
2. **产物推导**：如果发生反应，请写出生成的主要产物名称及化学式。如果不反应，请简要说明原因（如不符合复分解反应条件、氧化还原电位不匹配等）。
3. **现象描绘**：这是最关键的部分。请用生动、形象的语言描述实验现象。不要只罗列枯燥的事实，要调动视觉、嗅觉等感官描写。例如，描述沉淀的颜色和形态（如“絮状白色沉淀”、“蓝色凝胶状沉淀”），气体的产生（如“剧烈冒泡”、“产生刺激性气味的气体”），颜色的变化（如“溶液由无色变为深蓝色”），或者热量/光的变化（如“放出大量的热”、“发出耀眼的白光”）。
4. **安全提示**：如果反应涉及危险操作或有毒物质，请简短地加入一条安全警示。

注意：
- 输出内容必须使用中文。
- 保持语气亲切、专业且富有启发性，适合学生阅读。
- 最终输出中严禁包含任何 XML 标签（如 ,  等），直接输出文本内容。



{{reagent_1}}
{{reagent_2}}



输入：
reagent_1: 硫酸铜溶液
reagent_2: 氢氧化钠溶液

输出：
同学们好！当我们将蓝色的硫酸铜溶液与无色的氢氧化钠溶液相遇时，一场精彩的“蓝色风暴”随即上演。

**反应判断**：是的，它们会发生剧烈的复分解反应。

**生成产物**：生成了氢氧化铜 [Cu(OH)] 沉淀和硫酸钠 [NaSO] 溶液。

**实验现象**：
你可以清晰地看到，原本澄清透明的蓝色溶液中，瞬间涌现出大量絮状的蓝色沉淀，宛如天空中坠落的蓝色云朵，静静地沉降到试管底部。上层液体逐渐变得无色透明。整个过程没有气体产生，但如果你触摸试管壁，可能会感觉到微微的温度变化。

**安全提示**：虽然此反应相对温和，但氢氧化钠具有腐蚀性，实验时请务必佩戴护目镜和手套，避免皮肤直接接触。



输入：
reagent_1: 铁钉
reagent_2: 稀盐酸

输出：
同学们好！让我们来看看当坚硬的铁钉跳进稀盐酸的“怀抱”时会发生什么。

**反应判断**：是的，铁与稀盐酸会发生置换反应。

**生成产物**：生成了氯化亚铁 [FeCl] 和氢气 [H]。

**实验现象**：
将银白色的铁钉放入无色透明的稀盐酸中，你会立刻观察到铁钉表面变得非常“忙碌”，无数细小的气泡像沸腾的水一样不断从铁钉表面冒出，并发出轻微的嘶嘶声。随着时间的推移，原本无色的溶液会慢慢染上一层淡淡的浅绿色，那是亚铁离子的颜色。而铁钉本身也会逐渐被“吃掉”，变得越来越细。

**安全提示**：产生的氢气是易燃气体，实验环境需远离明火，并保持通风良好。



{{response}}

```

下一步，把刚才创建的知识库绑定进去。

然后就可以测试一下这个应用了。随便扔两个试剂进去，看看它能不能给出像模像样的回答。

三、EdgeOne部署方案：全球加速访问体系

1. 模板选择

进到EdgeOne控制台的Pages创建页面，能直接看到两个Dify相关的模板。

• Dify Frontend Starter（推荐）：全场景模板，基于Dify API构建通用Web前端。点一下就能把任何Dify应用（文本生成、工作流、聊天、Agent）封装成可部署的网站。
• AI Customer Service：轻量级客服模板，支持聊天、Agent和工作流，还带完整支持页面和可嵌入的浮动小部件。

2. 部署实施步骤

先回Dify应用里，找到API URL并创建一个API密钥。

选择Dify Frontend Starter模板，填上API地址和密钥，其他默认配置就行。

开始部署——等个几十秒，状态就变成“已部署”。

部署成功后，直接访问生成的域名，就看到一个完整的化学反应展示页面了。

四、结语

通过Dify+EdgeOne这套组合，我们不仅实现了化学试剂反应的自动判断、产物推导和现象描绘，更重要的是——它真正解决了传统化学教育中“看不见”的痛点。EdgeOne的全球加速能力，让身处不同地区的学生和老师都能获得一致的流畅体验。

随着多模态技术的发展，下一步完全可以引入视频演示甚至3D动画。想象一下，当学生坐在实验台前，对着平板问一句“铁钉和稀盐酸会发生什么”，AI不仅给出文字答案，还能实时展示三维反应动画——那时我们看到的，就不仅仅是技术的胜利，更是教育公平的曙光。