[Dify] -进阶9- 使用 API 调用方式将 Dify 嵌入自己的网站
随着 AI 聊天机器人在 Web 中应用场景日益增多,很多开发者希望将 Dify 应用嵌入自己的网站,实现客服、问答、知识检索等功能。本文将手把手展开讲解,包括最基础的脚本调用方式,以及在页面上实现交互动作的高级用法。
二、嵌入方式概览 🌐
Dify 支持两种嵌入方式:
-
iframe + 脚本:最简单,官方直接复制、粘贴 iframe 或脚本代码。
-
embed.js + JS API:高级方式,通过 JS API 创建按钮、iframe,并实现与宿主页面事件联动。
本文将依此由浅入深拆解。
三、基础嵌入:iframe 或脚本方式
这是官方推荐的快速嵌入办法:
-
在 Dify 控制台的应用发布页面,选择“Embed Into Site”,复制 iframe/snippet 代码。
-
将其粘贴到网站中对应位置,例如:
<iframesrc="https://udify.app/chatbot/你的token"style="width:100%; height:600px; position:fixed; bot