[Dify] -进阶9- 使用 API 调用方式将 Dify 嵌入自己的网站

随着 AI 聊天机器人在 Web 中应用场景日益增多，很多开发者希望将 Dify 应用嵌入自己的网站，实现客服、问答、知识检索等功能。本文将手把手展开讲解，包括最基础的脚本调用方式，以及在页面上实现交互动作的高级用法。

---

二、嵌入方式概览 🌐

Dify 支持两种嵌入方式：

1. iframe + 脚本：最简单，官方直接复制、粘贴 iframe 或脚本代码。

2. embed.js + JS API：高级方式，通过 JS API 创建按钮、iframe，并实现与宿主页面事件联动。

本文将依此由浅入深拆解。

---

三、基础嵌入：iframe 或脚本方式

这是官方推荐的快速嵌入办法：

1. 在 Dify 控制台的应用发布页面，选择“Embed Into Site”，复制 iframe/snippet 代码。

2. 将其粘贴到网站中对应位置，例如：

<iframe
  src="https://udify.app/chatbot/你的token"
  style="width:100%; height:600px; position:fixed; bot