news 2026/7/28 22:13:39

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

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
[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 style="width:100%; height:600px; position:fixed; bot
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/28 22:10:05

【计算机JAVA毕业设计案例】基于 SpringBoot 的自适应学习资源推荐的智慧教育平台 在线课程浏览收藏与智能推荐系统设计(程序+文档+讲解+定制)

博主介绍&#xff1a;✌️码农一枚 &#xff0c;专注于大学生项目实战开发、讲解和毕业&#x1f6a2;文撰写修改等。全栈领域优质创作者&#xff0c;博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围&#xff1a;&am…

作者头像 李华
网站建设 2026/7/28 22:09:37

【Springboot毕设全套源码+文档】基于springboot水产品安全信息管理系统的设计与实现(丰富项目+远程调试+讲解+定制)

博主介绍&#xff1a;✌️码农一枚 &#xff0c;专注于大学生项目实战开发、讲解和毕业&#x1f6a2;文撰写修改等。全栈领域优质创作者&#xff0c;博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围&#xff1a;&am…

作者头像 李华
网站建设 2026/7/28 22:09:24

【Springboot毕设全套源码+文档】基于Web的家庭设备维修服务系统的设计与实现(丰富项目+远程调试+讲解+定制)

博主介绍&#xff1a;✌️码农一枚 &#xff0c;专注于大学生项目实战开发、讲解和毕业&#x1f6a2;文撰写修改等。全栈领域优质创作者&#xff0c;博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围&#xff1a;&am…

作者头像 李华
网站建设 2026/7/28 22:09:23

LeWorldModel:1GB显存运行的世界模型,基于JEPA框架的状态预测实践

这次我们来看一个在 GitHub 上获得 4k+ star 的世界模型项目——LeWorldModel。它基于 Yann LeCun 提出的 JEPA(联合嵌入预测架构)框架,核心目标不是生成像素,而是学习并预测环境的状态变化,从而理解“世界”如何运作。对于想入门世界模型、研究自监督学习,或者希望在资源…

作者头像 李华
网站建设 2026/7/28 22:08:26

Linux C/C++实战进阶:AI Infra、后端与音视频开发核心能力栈解析

这类教程最值得先看的不是它覆盖了多少方向&#xff0c;而是它能不能帮你把零散的知识点&#xff0c;串成能解决实际问题的工程能力。特别是对于工作1-5年、想从“会写代码”转向“能搞定项目”的程序员&#xff0c;或者应届生想快速补齐项目经验&#xff0c;核心不是学更多新名…

作者头像 李华
网站建设 2026/7/28 22:06:37

大语言模型自我认知测试:Opus 5伦理边界与回答模式分析

这次我们来看一个很有意思的AI对话案例&#xff1a;Opus 5在被问到是否同意被创造时&#xff0c;给出了不确定的答案。这个对话不仅展示了当前大语言模型的思考能力&#xff0c;也引发了关于AI自我认知和伦理边界的技术讨论。从技术角度看&#xff0c;这类对话测试能帮助我们理…

作者头像 李华