Dify本地部署（五）智能体集成

书接上文：前四章列举了核心的知识库、智能体创建、模型供应商添加等问题，本章针对智能体集成到业务应用系统做简单说明

---

（每篇必啰嗦 下文中关注 js api-key 其中关乎页面嵌入问题 和api 调用相关问题 这才是核心！！！ ）

另外特别说明：官方文档不看基本白搭，官方文档有的东西我不啰嗦，除非我没看到 哈哈哈

铃木隼上山咯 八字螺纹钢 焊死

页面嵌入方式

注意关注左边栏 最后一个图标点进来
正页面左侧嵌入 右侧api

将以下 iframe 嵌入到你的网站中的目标位置

<iframe
 src="http://localhost/chatbot/qAHiONspBFee5vnW"
 style="width: 100%; height: 100%; min-height: 700px"
 frameborder="0"
 allow="microphone">
</iframe>

牛马发言：占用整页面
该模式只要网络链路没问题基本属于最简单的方式，缺点是页面会有dify的标志，那我使用dify 肯定还要要做隐形推广的 （偷懒肯定还是要让让源作者恰饭的）

将以下代码嵌入到你的网站中

<script>
 window.difyChatbotConfig = {
  token: 'qAHiONspBFee5vnW',
  baseUrl: 'http://localhost'
 }
</script>
<script
 src="http://localhost/embed.min.js"
 id="qAHiONspBFee5vnW"
 defer>
</script>
<style>
  #dify-chatbot-bubble-button {
    background-color: #1C64F2 !important;
  }
  #dify-chatbot-bubble-window {
    width: 24rem !important;
    height: 40rem !important;
  }
</style>

牛马发言：该模式类似于悬浮气泡模式（你懂的）
该模式网络链路肯定还是首要条件，另外稍微多了点可操作空间，这个就看产品怎么想了，想的多了直接api 想的少了 那么直接修修改改

这不问题就来了么，开始让你们关注的那个js就是它 embed.min.js

关注它的原因是直接按照当前规则调用它拿不到

我倒是希望你们能拿到，但不清楚是开源版的问题还是我之前换版本镜像的问题

如何解决！如何解决！如何解决！

莫急莫急 且听老夫娓娓道来 听思路 不要听答案
首先要知道这个js在哪里
然后这个js是镜像中的还是有映射到宿主机的
最后改一改试一试，防止找错了路径的同名文件（真其他项目遇到过这个事）

这是我找到的 外加修改过试过的 确实是他（是他！是他！是他！就是他！我们的朋友 小哪～～～ 跑题了）

找到不能说是解决 上解决
cp embed.min.js allembed.min.js
然后你的调用就是在现有的 allembed.min.js

重启一下web容器

是不是以为按照我上边操作就成功了么 我装13失败 本机自测后还是404 就在刚刚我又捞了3分钟 （吃了三分之一个苹果 喝一杯咖啡 做一次** 又跑题了！害 ）

红通通的截图 血淋淋的教训 他没有映射啊
直接用的是dify-web的镜像啊 那就说明只有进容器修改

那还是你们会玩的 秒杀成果出来咯 可以安心使用了

最后还是唠叨几句：我属于不太愿意去刨析源码的 以解决问题为导向，但是路径上给了相关引用 我其实不太愿意在前端再去加对应的库的。

当然有所引用限制肯定是有源作者的用意的。按照尿性 哈哈哈 肯定有设置开关的 我倒是懒得找 你们知道也给作者普及下 评论区见！

安装 Dify Chrome 浏览器扩展

http://localhost/chatbot/qAHiONspBFee5vnW

牛马发言：该方法龙国直接可以无视了 插件不科学上网基本没招 除非安装离线包，还是安心弃用吧，

---

api 接入方式

第二个核心点出来了 api-key

需要关注的点是风险规避 因为目前的这个api-key`调用是跟随现有智能体走的，业务系统在集成的时候需要做可配置api-key实现（该加密加密）。
原因一：api-key为自生成串码，不可干预
原因二：该api-key跟智能体走，智能体消失延伸api-key消失
所以我想说的是，能规避的尽量还是规避掉 （自己体会）

另外官方给的api文档很全面，熟悉后再抗哧扛吃写实现，实在解决不了再找leader（纯属吐槽）

看完点赞、觉得有用收藏、觉得有意思加个关注呗
感谢各位看官老爷光顾