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