[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

相关新闻

第一学: SpringAi最新版本1.0.0 实现最简单对话(详细小白都会操作java实现ai)

第一学: SpringAi最新版本1.0.0 实现最简单对话(详细小白都会操作java实现ai)

SpringAi版本1.0.0结合Redis实现上下文记忆对话(详细) 版本 在文章开始之前我们需要弄清楚几个依赖,目前springchat对话的依赖包括 目前需要引入必须保证jdk17 和springboot在3.xx以上,目前提供了springboot 和springai相关版本最新版本,可…

2026/7/28 22:14:07 阅读更多 →
第二学:SpringAi1.0.0整合redis实现上下文记忆(详细小白都会的都会java操作ai)

第二学:SpringAi1.0.0整合redis实现上下文记忆(详细小白都会的都会java操作ai)

第二学:SpringAi1.0.0整合redis实现上下文记忆在上一篇文章中,我们已经知道怎么实现简单对话聊天,因为spring-boot-ai 现在体系和版本都还不成熟,兼容的版本目前还不够多,现在我们导入新的依赖,这一步是为了…

2026/7/28 22:14:07 阅读更多 →
告别手动操作:UI-TARS让Android自动化测试像搭积木一样简单

告别手动操作:UI-TARS让Android自动化测试像搭积木一样简单

告别手动操作:UI-TARS让Android自动化测试像搭积木一样简单 【免费下载链接】UI-TARS Pioneering Automated GUI Interaction with Native Agents 项目地址: https://gitcode.com/GitHub_Trending/ui/UI-TARS 还在为Android应用的重复测试任务感到烦恼吗&…

2026/7/28 22:14:07 阅读更多 →

最新新闻

5分钟上手claude-code-transcripts:从安装到生成第一个会话转录本

5分钟上手claude-code-transcripts:从安装到生成第一个会话转录本

5分钟上手claude-code-transcripts:从安装到生成第一个会话转录本 【免费下载链接】claude-code-transcripts Tools for publishing transcripts for Claude Code sessions 项目地址: https://gitcode.com/gh_mirrors/cl/claude-code-transcripts claude-cod…

2026/7/28 22:23:12 阅读更多 →
3步完成B站视频下载:专业工具助你轻松获取大会员4K高清资源

3步完成B站视频下载:专业工具助你轻松获取大会员4K高清资源

3步完成B站视频下载:专业工具助你轻松获取大会员4K高清资源 【免费下载链接】bilibili-downloader B站视频下载,支持下载大会员清晰度4K,持续更新中 项目地址: https://gitcode.com/gh_mirrors/bil/bilibili-downloader 想要保存B站上…

2026/7/28 22:23:12 阅读更多 →
add-gitignore集成gitignore.io背后的故事:开源协作的典范

add-gitignore集成gitignore.io背后的故事:开源协作的典范

add-gitignore集成gitignore.io背后的故事:开源协作的典范 【免费下载链接】add-gitignore An interactive CLI tool that adds a .gitignore to your projects. 项目地址: https://gitcode.com/gh_mirrors/ad/add-gitignore add-gitignore是一款交互式CLI工…

2026/7/28 22:23:12 阅读更多 →
Java国密SM2算法实战:从原理到BouncyCastle完整实现与避坑指南

Java国密SM2算法实战:从原理到BouncyCastle完整实现与避坑指南

1. 项目概述:为什么我们需要深入理解SM2如果你是一名Java后端开发者,最近在对接银行、政府项目或者涉及金融数据交换的系统,那么“国密算法”这个词大概率已经在你耳边响起了无数次。项目需求文档里冷不丁就会冒出一句“需支持国密SM2/SM3/SM…

2026/7/28 22:23:12 阅读更多 →
【大白话说Java面试题 第202题】【09_Zookeeper篇】第3题:说一下什么是 TCP 协议?

【大白话说Java面试题 第202题】【09_Zookeeper篇】第3题:说一下什么是 TCP 协议?

📌 PDF:大白话说Java面试题 — 09_Zookeeper篇 第3题:说一下什么是 TCP 协议? 📚 回答: 核心考点: TCP 是互联网传输层的基石协议,大厂面试中不会只问"三次握手四次挥手"…

2026/7/28 22:23:12 阅读更多 →
如何高效管理macOS应用:智能清理工具的完整实战指南

如何高效管理macOS应用:智能清理工具的完整实战指南

如何高效管理macOS应用:智能清理工具的完整实战指南 【免费下载链接】Pearcleaner A free, source-available and fair-code licensed mac app cleaner 项目地址: https://gitcode.com/gh_mirrors/pe/Pearcleaner Pearcleaner是一款免费、开源且采用公平代码…

2026/7/28 22:22:11 阅读更多 →

日新闻

告别臃肿!3步让你的暗影精灵笔记本重获新生

告别臃肿!3步让你的暗影精灵笔记本重获新生

告别臃肿!3步让你的暗影精灵笔记本重获新生 【免费下载链接】OmenSuperHub Control Omen laptop performance, fan speeds, and keyboard lighting, and unlock power limits. 项目地址: https://gitcode.com/gh_mirrors/om/OmenSuperHub 你是否也曾为官方Om…

2026/7/28 0:00:43 阅读更多 →
RAG必踩坑!财报法规检索不准?这款开源工具让答案浮出水面,准确率飙升98.7%!

RAG必踩坑!财报法规检索不准?这款开源工具让答案浮出水面,准确率飙升98.7%!

做 RAG 的人应该都踩过这个致命的坑:把几百页的财报、法规、技术手册扔给向量库,问一个具体问题,搜出来的全是沾边但没用的内容 —— 关键信息要么被硬切块拆碎了,要么藏在几十条结果的最下面。语义相似≠真正相关,这个…

2026/7/28 0:00:43 阅读更多 →
抖音视频文案提取工具全指南:免费2026版、手机App、在线工具一网打尽

抖音视频文案提取工具全指南:免费2026版、手机App、在线工具一网打尽

2026年做短视频运营,从抖音上扒文案早就不是偷偷抄笔记的事了。我刚开始做内容的时候,每天刷半小时抖音,手动把爆款视频的口播敲进备忘录,一条2分钟的视频得花十来分钟,碰到语速快的还要反复回听。后来试了一圈工具&am…

2026/7/28 0:00:43 阅读更多 →

周新闻

深度学习道路桥梁裂缝检测系统 道路桥梁裂缝检测数据集 道路桥梁病害识别检测数据集

深度学习道路桥梁裂缝检测系统 道路桥梁裂缝检测数据集 道路桥梁病害识别检测数据集

深度学习道路桥梁裂缝检测系统 数据集6000张 完整源码已标注数据集训练好的模型环境配置教程程序运行说明文档,可以直接使用!系统支持图片、视频、摄像头等多种方式检测裂缝,功能强大实用。 1数据集6000张 8各类别

2026/7/28 12:04:22 阅读更多 →
深度学习YOLO模型如何训练 PUBG 绝地求生目标检测数据集

深度学习YOLO模型如何训练 PUBG 绝地求生目标检测数据集

pubg数据集 精选原图1.42万数据 1.49万标签 无任何重复、算法增强或冗余图像! pubg绝地求生目标检测数据集 1分类:e_body,14905个标签,txt格式 共计14244张图,99%为640*640尺寸图像 适合yolo目标检测、AI训练关键词&am…

2026/7/28 8:29:16 阅读更多 →
Apex英雄目标检测数据集 深度学习框架YOLO如何训练APEX数据集

Apex英雄目标检测数据集 深度学习框架YOLO如何训练APEX数据集

Apex检测数据集数据集详情检测类别: allies enemy tag图片总量:7247张训练集:5139张验证集:1425张测试集:683张标注状态:全部已标注,即拿即用数据格式:支持YOLO格式及其他格式&#…

2026/7/28 5:03:42 阅读更多 →

月新闻