当前位置: 首页 > news >正文

[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
http://www.cnnetsun.cn/news/3717459.html

相关文章:

  • 【计算机JAVA毕业设计案例】基于 SpringBoot 的自适应学习资源推荐的智慧教育平台 在线课程浏览收藏与智能推荐系统设计(程序+文档+讲解+定制)
  • 【Springboot毕设全套源码+文档】基于springboot水产品安全信息管理系统的设计与实现(丰富项目+远程调试+讲解+定制)
  • 【Springboot毕设全套源码+文档】基于Web的家庭设备维修服务系统的设计与实现(丰富项目+远程调试+讲解+定制)
  • LeWorldModel:1GB显存运行的世界模型,基于JEPA框架的状态预测实践
  • Linux C/C++实战进阶:AI Infra、后端与音视频开发核心能力栈解析
  • 大语言模型自我认知测试:Opus 5伦理边界与回答模式分析
  • AI降重工具评测与秘塔写作猫实战指南
  • Storm与Flink流处理框架性能对比与选型指南
  • NBM5100A与PIC18F97J60的低功耗物联网电源方案设计
  • 嵌入式软件设计心得:好架构,核心就是做好解耦分层
  • 为什么你的AI界面总被用户吐槽?揭秘人机交互心理学底层逻辑(附27个真实A/B测试数据)
  • GetQzonehistory终极指南:三步找回QQ空间全部历史说说的完整方法
  • 59-应用调试07:报文抓取与分析
  • Docker 安装 RabbitMQ(超简单)
  • 职场汇报能力四点
  • 推荐系统:从协同过滤到深度学习,用户只是想要点新鲜的
  • AI Agent性能衰减原因与Anthropic评估指南解析
  • 【Springboot毕设全套源码+文档】基于SpringBoot和Vue的新能源汽车租赁管理系统的设计与实现(丰富项目+远程调试+讲解+定制)
  • Go开发者突破瓶颈:从熟练到精通的进阶路线
  • CKEDITOR处理Word图文混排的挑战与解决方案
  • Dify实战指南:从零构建企业级智能知识库问答系统
  • 3.6亿文献库助力学术研究与知识检索 打造海量专业文献资源支撑平台
  • Arduino开发实战:从经典Uno到ESP32/STM32进阶与项目避坑指南
  • Arduino入门:从点亮LED到理解GPIO与数字信号控制
  • WEARec模型:频域推荐系统的小波变换实践
  • QModMaster:免费开源的ModBus调试工具终极指南,5分钟上手工业自动化调试
  • PAT考试字符串处理:A-B字符删除算法详解
  • 艺术花砖家装选材指南,主流品牌推荐及实用搭配技巧
  • 深入解析C++ IO流:从核心原理到工程实践
  • 三步解锁B站大会员4K视频下载:告别在线观看限制